Почему js не видит класс внутри класса DOM?

Question

[Dom Alfro]

Доброго времени всем !
такой интересный вопрос - почему внутри класса js не видит класс - вод пример.

document.onclick = function(event) {
		console.log(event.target.classList);
	}

<div class="box_wrapper">
		<div class="best"><p>Это класс бест</p></div>
	</div>

он не видит класс best а box_wrapper видит
и что это такое - БАГ?

DOMTokenList ["box_wrapper", value: "box_wrapper"]
unit-test.js:32 DOMTokenList [value: ""]

я смотрел документацию и в ней нечего нет такого что вложенные элементы с классом js тебе не найдет.

Answer 1

[Dima Polos]

Сначала e. target посмотрите, думаю там тег р

Answer 2

[Sergey]

Не ту документацию смотрели. Внимательно https://developer.mozilla.org/ru/docs/Web/API/Elem...

Comments

[Dom Alfro]

да там же написано - содержащий все классы элемента - значит я так внимательно читал а что же делать если мне вглубь надо ?

[Dom Alfro]

Вячеслав Коростин, Вячеслав Коростин, это конечно уже другой вопрос

[Sergey]

Вячеслав Коростин, вешать клик на нужный элемент, либо получать дочерние элементы и у них считывать список классов

[Евгений]

Вячеслав Коростин, покажите разметку этих блоков) такое ощущение, что вы попадаете все время на родителя, т.к. event.target - тот элемент на котором произошло событие...
Ааа, там параграф без класса...

[Dom Alfro]

Евгений, большое спасибо ! ну что бы я делал без вас !

[Dom Alfro]

Sergey, спасибо огромное !!!!

[Евгений]

Вячеслав Коростин, главное что разобрались)

[Dom Alfro]

Евгений,
вот какое решение:

let doci = document.querySelector(".best");

	doci.onclick = function(e) {
		console.log(e.target.parentNode.classList);
	}