如何在不更改HTML的情况下在google chrome中设置ContentEditable选项?

如何在不更改HTML的情况下在google chrome中设置ContentEditable选项?,contenteditable,Contenteditable,因此,如果我可以将所有块/内联元素设置为具有此attibute,那就太酷了 当然可以使用.setAttribute进行设置,但是否可以使用CSS进行设置?contenteditable是一个HTML属性,这意味着需要使用HTML(可以更改)或JavaScript`el.setAttributecontenteditable(真)进行设置。这就是为什么上面的代码不起作用,因为您试图用CSS声明它,这是无效的 如果您正在寻找一种方法以编程方式一次将其添加到多个元素中,而不必键入它,则可以使用docu

因此,如果我可以将所有块/内联元素设置为具有此attibute,那就太酷了

当然可以使用.setAttribute进行设置,但是否可以使用CSS进行设置?

contenteditable是一个HTML属性,这意味着需要使用HTML(可以更改)或JavaScript`el.setAttributecontenteditable(真)进行设置。这就是为什么上面的代码不起作用,因为您试图用CSS声明它,这是无效的

如果您正在寻找一种方法以编程方式一次将其添加到多个元素中,而不必键入它,则可以使用document.querySelector选择元素,这允许您使用CSS样式选择器例如.content>h2并返回一个元素数组,您可以迭代该数组并使用JavaScript设置属性

编辑: 因此,在回答您更新的问题时,没有可编辑内容的CSS属性。它是一个HTML属性,只能从元素的标记中设置,或者从JS中设置,这在CSS中是不可能的

您可以使用上面提到的document.querySelector来使用CSS选择器选择元素,并在每个元素上调用setAttribute,这可能是执行设置的最佳方式