是否可以获取附加了psuedo元素的元素的innerHTML

Question

我有一个div的psuedo元素。我想制作一个eventListener，这样当我点击psuedo元件时，我可以获得它所附加的div的innerHTML。这可能吗？我该怎么做？

Answer 1

:before伪元素就是一个伪元素。它不是一个dom节点，您不能将事件侦听器专门附加到它。

相反，您可以做的最好的事情是向拥有伪元素的元素添加一个事件侦听器。

document.querySelector('#target').onclick = function(e) {
var text = document.createTextNode(this.innerHTML);
document.querySelector('#out').appendChild(text);
}

#target:before {
content: 'Click me!';
color: red;
}

<div id="target">
<p>or click here</p>
</div>
<div id="out"></div>