如何查找具有contenteditable true的所有DOM节点

Question

如何在没有jQuery的情况下找到属性为contenteditable的所有DOM节点为真？

我认为必须采用更明智的方式，而不是按div格式化所有p和document.getElementsByTagName元素以及进行属性检查。

Answer 1

您可以使用document.querySelectorAll('[contenteditable=true]')

  

document.querySelectorAll返回与指定的选择器组匹配的文档中的元素列表（使用文档节点的深度优先预先遍历遍历）。返回的对象是NodeList。

console.log(document.querySelectorAll('[contenteditable=true]'))

<p contenteditable="true">This is a paragraph. It is editable. Try to change this text.</p>
<p contenteditable="false">This is a paragraph. It is editable. Try to change this text.</p>
<div contenteditable="true">This is a paragraph. It is editable. Try to change this text.</div>