javascript - 如何使用javascript在html中设置非标准属性

问题描述

根据我读过的一本书，有两种方法可以做到这一点。其中如下：

第一种方式

var insTag = document.body.getElementsByTagName('ins');
for(var i = 0;i < insTag.length; i++){
 insTag[i].setAttribute('chord', 'value');
}

第二种方式

var insTag = document.querySelector('ins');
insTag.setAttribute('chord', 'value');

这是html文件中的代码：

<html>
 <body>
  <script src='./index.js'></script>
  <script src='https://www.scales-chords.com/api/scales-chords-api.js'></script>

  <ins class='scales_chords_api'></ins>
 </body
</html>

ins 标签有一个名为“chord”的属性，我想通过 JavaScript 文件设置它。

上面的代码似乎没有设置属性，我没有收到任何错误。

如果我在 html 文件中手动设置属性，一切都会按预期工作。

我是 JavaScript 和 html 的初学者，对于如何解决这个问题非常困惑。

提前感谢您对解决方案的任何帮助。

标签： javascript

在 dom 之后删除你的脚本。因为在您的代码运行之前没有元素

折断

[code in jsfiddle](http://jsfiddle.net/o4kujx8t/)

javascript - 如何使用javascript在html中设置非标准属性

问题描述

解决方案

推荐阅读