Javascript-提取跨度值

Javascript-提取跨度值,javascript,html,Javascript,Html,您好,我想知道如何使用JavaScript从对象中获取Span Value=示例 playlist = document.getElementById("list"); playlist.addEventListener("click",playNext,false); function playNext(){ var next = playlist.value; alert(next); } 至于html <span id="list" value="neededVa

您好,我想知道如何使用JavaScript从对象中获取Span Value=示例

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对象中提取所需的值,但是我已经成功地从这个span返回了innerHTML


谢谢,

您可能需要使用数据属性来存储值。这是一篇关于它们是什么以及如何使用它们的好文章

您需要使用数据属性,因为跨度没有值:

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

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

跨度元素没有值。只有表单输入字段才有值。您正在使用非标准属性。不要这样做。大多数浏览器(但不是所有浏览器)都不会将非标准属性作为属性提供。使用say data–value或class值。
var a = document.getElementById('list');
alert (a.getAttribute('value'));
<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);
}