Question

如何使用JavaScript更改html 中的双字属性？ 示例：有一个示例HTML页面：

<!DOCTYPE html>
<html>
    <head>
        <script src="randomscript.js"></script>
    </head>
    <body>
        <h1 id="mywords" aria-label="Yellow">Words</h1>
    </body>
</html>

注意：aria-label可以更改为适合该上下文的任何两个单词属性（用短划线分隔）。

现在，转到JS

document.querySelector("#mywords h1").aria-label = "Blue";

但这似乎不起作用，因为aria-label仍然是Yellow！

我怎么能这样做？感谢。

编辑：根据我的文字编辑器，aria变为蓝色，-变为红色，但label保持白色。这表明破折号或破折号后的内容导致了问题。

Answer 1

请改用它......

document.querySelector("#mywords h1").setAttribute("aria-label", "Blue");

Javascript setAttribute

Answer 2

或者使用jquery：

$("#mywords h1").attr("aria-label", "Blue");

编辑：我的不好，没有注意到你只想要javascript。

如何更改由短划线分隔的双字属性？

2 个答案: