[英]querySelectorAll can't find the element with custom attribute
更新:我在原始的 html/js 中测试了这段代码,它在评论中说得很好。 这是 React App 的一部分,我想问题应该在于应用程序如何加载这部分代码。 但是,对于选择其他元素,它工作正常。
我正在尝试从包含contenteditable属性的网页中选择所有元素并将其设置为true但 querySelectorAll 返回 0 个元素的 NodeList
HTML(来自编辑器组件):
<div class="codex-editor">
<div class="codex-editor__redactor" style="padding-bottom: 300px;">
<div class="ce-block">
<div class="ce-block__content">
<h2 class="ce-header" contenteditable="true" data-placeholder="">Editor.js</h2>
</div>
</div>
</div>
</div>
JavaScript
useEffect(() => {
let matches = document.body.querySelectorAll('[contenteditable=true]');
console.log(matches)
})
return (
<Editor
tools={{
header: Header,
list: List,
image: Image,
delimiter: Delimiter
}}
holder="guest-editorjs"
onChange={(data) => console.log(data)}
onReady={() => console.log('Start!')}
data={{data}} />
)
结果在控制台:空的 NodeList
解决方案:此代码在原始 html/js 中工作正常。 问题在于 React 加载子组件,这就是内容不可访问的原因。
谢谢大家!
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.