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 - 提取跨度值

回答

相關問題