的JavaScript：從div元素

Question

提取值我有一個包含像一個HTML頁面：

<div data-variableid2="1234"> </div> 

我怎樣才能得到一個元素的1234值（不jQuery的），並與alert()表現出來？

Answer 1

首先，你應該給你的DIV的ID。

<div id="myid" data-variableid2="1234"> </div> 

然後，你可以使用

var MyDiv1 = document.getElementById('myid'); 
alert(MyDiv1.getAttribute('data-variableid2')); 

這裏只是測試它顯示的屬性數據：http://jsfiddle.net/5C4NA/

但是，如果你不能改變你的網頁的HTML，你應該堅持像

document.getElementsByTagName("div")[0] 

但索引（這裏0）確實隨着div頁面在div頁面中的位置而變化。

編輯1：

有了一個循環中，您可以通過所有div進行掃描，並選擇一個具有屬性data-variableid2：http://jsfiddle.net/5C4NA/1/這看起來像：

var elm = document.getElementsByTagName("div"); 
for (i=0;i<elm.length;i++) { 
    if (elm[i].getAttribute('data-variableid2')!=null) { 
     alert(elm[i].getAttribute('data-variableid2')); 
    } 
} 

Answer 2

您可以使用jQuery

<div data-variableid2="1234"> </div> 
<script> 
    var data = $('div').attr('data-variableid2'); 
    alert(data); 
</script> 

Answer 3

假設你不使用jQuery，（因爲它沒有標記）做這樣的：

HTML：（我用的ID爲div元素簡化的東西）：

<div id="example" data-variableid2="1234"></div> 

的JavaScript：

// capture element 
var example = document.getElementById('example'); 

// capture data variable value 
var dataVar = example.getAttribute('data-variableid2'); 

// show it with alert 
alert(dataVar); 

這裏是例如：js fiddle

編輯：

如果你不能使用ID或類的元素，然後可以在該捕捉它（0是多少元素）：

var example = document.getElementsByTagName("div")[0]; 

如果（而且很有可能）它不是頁面上唯一的div，那麼可以嘗試querySelectorAll

像這樣：

// capture element - references to 0 which is the first matched element 
// because this will select group of elements with data-variableid2 
var example = document.querySelectorAll("[data-variableid2]")[0]; 

下面是該例子：js fiddle

Answer 4

var elm = document.getElementsByTagName("div")[0]; //get element 
alert(elm.getAttribute("data-variableid2")); //alert attribute 

注意：您應該添加一個id到div並獲得由ID的元素（用於表演）。

這是通過純Javascript完成的，不需要jQuery。

getAttribute() Reference