Javascript - 提取跨度值

Javascript - extract span value

本文关键字：提取 Javascript      更新时间：2023-09-26

嗨，我想知道如何使用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>

我无法从这个跨度对象中提取"needValue"，但是我已经成功地从这个跨度返回了 innerHTML。

谢谢

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

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

<span id="list" data-one="neededValue">Object1</span>
var a = document.getElementById('list');
alert (a.getAttribute('data-one'));

演示

如果您已经拥有许多具有值的 span 元素，您可以这样做，但我认为这不是好的做法：

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);
}
相关文章：