Javascript - 提取跨度值

嗨，我想知道如何从使用JavaScript的对象中获得跨度值=“示例”。Javascript - 提取跨度值

playlist = document.getElementById("list"); 
playlist.addEventListener("click",playNext,false); 

function playNext(){ 

var next = playlist.value; 

    alert(next); }

对于HTML

<span id="list" value="neededValue">Object1</span>

我无法从这个跨度对象中提取的“neededValue”，但是我已经成功从这个跨度返回的innerHTML。

谢谢，

来源

2014-12-02 sparkones

量程元素没有值。只有表单输入字段有一个值。您正在使用非标准属性。不要这样做。 – 2014-12-02 02:31:16

大多数浏览器（但不是全部）不会将非标准属性作为属性提供。使用[* data - **属性]（http://www.w3.org/html/wg/drafts/html/master/dom.html#embedding-custom-non-visible-data-with-the-data - * - attributes）（例如* data-value *）或一个类的值。 – RobG 2014-12-02 02:57:56

您可能想使用数据属性来存储值。这里是它们是什么以及如何使用它们http://html5doctor.com/html5-custom-data-attributes/

来源

2014-12-02 02:30:47 rdubya

太好了，非常感谢。奇迹般有效：） – sparkones 2014-12-02 02:43:01

您需要使用数据的属性，作为一个跨度没好文章的值：

<span id="list" data-one="neededValue">Object1</span> 

var a = document.getElementById('list'); 
alert (a.getAttribute('data-one'));

DEMO

如果你已经与许多价值span元素，你可以像这样做，但我认为这是不好的做法：

var a = document.getElementById('list'); 
alert (a.getAttribute('value'));

来源

2014-12-02 02:34:34 baao

<span id="list" data-value="neededValue">Object1</span> 


var playlist = document.getElementById("list"); 
playlist.addEventListener("click", playNext, false); 

function playNext(){ 
    var next = playlist.getAttribute("data-value"); 
    alert(next); 
}

来源

2014-12-02 02:34:35

Javascript - 提取跨度值

回答

相关问题