javascript - 是否可以获取伪元素附加到的元素的innerHTML？

Question

我有一个 div 的伪元素。我想创建一个 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>