HTML如何獲取標記參數

我的英語很薄弱，所以我舉一個例子。
我想類似的東西HTML如何獲取標記參數

<!DOCTYPE html> 
    <html> 
    <head> 
     <title>MySite</title> 
    </head> 
    <body> 
    <div id="mydiv" testarg="teststring"></div> 
<script> 
var element = document.getElementById("mydiv"); 
var argstring = getArgument(element,"testarg"); 
</script> 
    </body> 
    </html>

來源

2017-10-06 Ege Ismail Kösedağ

你的腳本應該是，

var element = document.getElementById("mydiv"); 
var argstring = element.getAttribute("testarg");

或者，你可以使用data attributes其設計充分考慮了擴展的，應與特定元素相關聯，但不需要有任何定義的含義的數據。 data-*屬性可以讓我們存儲在DOM

標準的額外信息，而無需其他黑客語義HTML元素，如非標屬性，額外的屬性所以，你的代碼就會像，

<div id="mydiv" data-testarg="teststring"></div> 
<script> 
    var element = document.getElementById("mydiv"); 
    var argstring = article.dataset.testarg; 
</script>

來源

2017-10-06 18:03:21

var element = document.getElementById("mydiv"); 
 
var argstring = element.getAttribute('testarg'); 
 
console.log(argstring);

<div id="mydiv" testarg="teststring"></div>

來源

2017-10-06 18:01:01 zynkn

你可以使用getAttribute獲得一個屬性的值，並setAttribute進行設置（修改）：

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <title>MySite</title> 
 
</head> 
 
<body> 
 
    <div id="mydiv" testarg="teststring"></div> 
 
    <script> 
 
    var element = document.getElementById("mydiv"); 
 
    var argstring = element.getAttribute('testarg'); 
 
    console.log(argstring); 
 
    
 
    element.setAttribute('testarg', 'changed'); 
 
    
 
    console.log(element.getAttribute('testarg')); 
 
    </script> 
 
</body> 
 
</html>

來源

2017-10-06 18:01:48

HTML如何獲取標記參數

回答

相關問題