Можно ли получить innerHTML элемента, к которому прикреплен элемент psuedo?

Question

У меня есть элемент psuedo для div.Я хочу создать eventListener, чтобы при нажатии на элемент psuedo я мог получить innerHTML элемента div, к которому он присоединен.Это возможно?Как мне это сделать?

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>