Question

您好，我想知道如何使用JavaScript从对象获取Span Value =“Example”。

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>

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

谢谢，

Answer 1

您可能希望使用数据属性来存储值。这是一篇关于它们是什么以及如何使用它们的好文章http://html5doctor.com/html5-custom-data-attributes/

Answer 2

您需要使用数据属性，因为跨度不具有值：

<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'));

Answer 3

<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);
}

Javascript - 提取跨度值

3 个答案: