javascript - 在控制台面板中编辑 HTML 时没有 setAttribute 或 getAttribute

<分区>

我想尝试在 Chrome 的控制台面板中设置属性。

我只想用命令写JS-CODE，例如:

document.querySelectorAll(".serial-number").setAttribute("Value","dummy");

在控制台面板 Chrome 中，此函数 setAttribute 不可用。请问有没有其他方法可以通过设置属性来编写代码？

最佳答案

document.querySelectorAll 返回一个静态的nodelist，所以需要迭代这个集合来访问元素。然后setAttribute可以用于设置属性

var getAllLI = document.querySelectorAll('.demoClass');
getAllLI.forEach(function(item, index) {
  item.setAttribute('value', index)
})

<input class="demoClass">
<input class="demoClass">
<input class="demoClass">
<input class="demoClass">

关于javascript - 在控制台面板中编辑 HTML 时没有 setAttribute 或 getAttribute，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49282443/

相关文章：

javascript - weex js 安装失败