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>
答
你的脚本应该是,
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>
答
var element = document.getElementById("mydiv");
var argstring = element.getAttribute('testarg');
console.log(argstring);
<div id="mydiv" testarg="teststring"></div>
答
你可以使用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>