我可以像下面这样向HTML标记添加自定义属性吗?
<tag myAttri="myVal" />
当前回答
好!你可以通过把数据属性伪装成你想要的样子来创建一堆自定义的HTML属性。
eg.
[attribute='value']{
color:red;
}
<span attribute="value" >hello world</span>
这显然是有效的，但这将使您的文档无效，没有必要使用JScript为您有自定义属性甚至元素，除非你必须，你只需要对待你的新制定(自定义)属性，就像你对待你的“数据”属性一样
记住“无效”没有任何意义。文档在任何时候都能正常加载。 一些浏览器实际上只通过DOCTYPE.....来验证文档你其实懂我的意思。
其他回答
你可以添加，但你也必须写一行JavaScript代码，
document.createElement('tag');
确保一切都到位。我指的是ie浏览器:)
不，这将破坏验证。
在HTML 5中，您可以/将能够添加自定义属性。就像这样:
<tag data-myAttri="myVal" />
另一种干净的方法是将你想要的数据连接到另一个标签中，例如id，然后使用split来获取你想要的东西。
<html>
<script>
function demonstrate(){
var x = document.getElementById("example data").querySelectorAll("input");
console.log(x);
for(i=0;i<x.length;i++){
var line_to_illustrate = x[i].id + ":" + document.getElementById ( x[i].id ).value;
//concatenated values
console.log("this is all together: " + line_to_illustrate);
//split values
var split_line_to_illustrate = line_to_illustrate.split(":");
for(j=0;j<split_line_to_illustrate.length;j++){
console.log("item " + j+ " is: " + split_line_to_illustrate[j]);
}
}
}
</script>
<body>
<div id="example data">
<!-- consider the id values representing a 'from-to' relationship -->
<input id="1:2" type="number" name="quantity" min="0" max="9" value="2">
<input id="1:4" type="number" name="quantity" min="0" max="9" value="1">
<input id="3:6" type="number" name="quantity" min="0" max="9" value="5">
</div>
<input type="button" name="" id="?" value="show me" onclick="demonstrate()"/>
</body>
</html>
您可以通过JavaScript设置属性。
document.getElementById("foo").myAttri = "myVal"
是的，你能做到!
有下一个HTML标签:
<tag key="value"/>
我们可以用JavaScript访问它们的属性:
element.getAttribute('key'); // Getter
element.setAttribute('key', 'value'); // Setter
Element.setAttribute()如果该属性不存在，则将其放在HTML标记中。所以，如果你要用JavaScript设置它，你不需要在HTML代码中声明它。
Key:可以是属性的任意名称，而当前标记尚未使用。 值:它总是包含你需要的字符串。
