Question

我的英语很弱，所以我举一个例子我想要那样的东西

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

Answer 1

您可以使用getAttribute获取属性的值，使用setAttribute进行设置（更改）：

＆＃13;

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

＆＃13;

Answer 2

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 3

你的脚本应该是，

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

或者，您可以使用设计时具有可扩展性的 data attributes ，以获取应与特定元素关联但不必具有任何已定义含义的数据。 data-*属性允许我们存储关于标准语义HTML元素的额外信息，而不存在其他黑客，例如非标准属性，DOM上的额外属性

所以，你的代码就像，

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

HTML如何获取标记参数

3 个答案: