是否根据属性更改innerHTML

Question

在HTML页面的某个地方，我有一段话：<p switch-type="label-on-off"></p>

如何用文档更改HTML。？。基于switch-type属性的innerHTML语句？

Answer 1

使用querySelectorAll((，返回静态NodeList

var p = document.querySelectorAll('[switch-type="label-on-off"]');

更多信息，请参阅https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelectorAll

然后：

p[0].innerText = "isaac newton";

但是如果你想更改<p></p>中的HTML

p[0].innerHTML = "<span> ...  </span>";