2017-10-06 65 views
0

我的英语很薄弱,所以我举一个例子。
我想类似的东西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> 

回答

0

你的脚本应该是,

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> 
0

var element = document.getElementById("mydiv"); 
 
var argstring = element.getAttribute('testarg'); 
 
console.log(argstring);
<div id="mydiv" testarg="teststring"></div>

1

你可以使用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>