Как узнать textContent?

Question

[grom111]

Всем привет.
Есть небольшой Book List. Задача реализовать удаление с LocalStorage.
Что-бы как-то сравнивать данные и знать что именно удалять, я сравниваю по isbn номеру.
Но немогу его достать.
Пробую так =>

Store.removeBook(e.target.parentElement.previousSibling.textContent);

, но пишет что Cannot read property 'textContent' of null.

Сам код - https://codepen.io/Slasher_/pen/rpzYee?editors=0010
Строка - 70 и 103

Answer 1

[Dark Hole]

Вы не проверяете есть ли у parentElement предыдущий элемент. Если его нет, то previousSibling = null, а у null нет textContent.
Надо как-то так:

var el = e.target.parentElement.previousSibling;
if(el) Store.removeBook(el.textContent);
else ...

UPD: Проблема в другом - между td есть пустые текстовые элементы.

Store.removeBook(e.target.parentElement.previousSibling.previousSibling.textContent);

Comments

[grom111]

Дело не в проверке, а в получении того самого textContent. Не могу достать его

[Dark Hole]

grom111, эм... Я вам про Фому, а вы мне про Ерему. Как вы достанете textContent несуществующего элемента?

[grom111]

Я похоже вас не понимаю.
У меня есть елемент a с классом delete. Когда я на него кликаю мне нужно достать isbn (то что цифры).

[Dark Hole]

grom111, значит, event.target указывает на что-то не то. Я объясняю ситуацию с точки зрения браузера

[Dark Hole]

grom111, обновил ответ. Меня ввело в заблуждение сообщение об ошибке

[JackShcherbakov]

grom111, У вас e.target.parentElement.previousSibling указывает на перенос строки после td с ISBN скорее всего. Это можно проверить через nodeType

[Dark Hole]

JackShcherbakov, вот именно, только непонятно, откуда ошибка

[JackShcherbakov]

Dark Hole, Так у текстового узла нету textContent. У него есть data

[Dark Hole]

JackShcherbakov, странно, у меня есть. И ошибка была бы другой

[JackShcherbakov]

Dark Hole, Да, кстати.

[grom111]

Dark Hole, JackShcherbakov, Да все понял. Спасибо!

Answer 2

[JackShcherbakov]

Попробуйте так:

Store.removeBook(e.target.parentElement.previousElementSibling.textContent);

Еще так:

Store.removeBook(e.target.parentElement.previousElementSibling.innerHTML);

И так

Store.removeBook(e.target.parentElement.previousSibling.data);

Возможно проблема из-за типа узла, к которому вы обращаетесь.

Comments

[grom111]

Неа(

[JackShcherbakov]

grom111, Можете, пожалуйста, написать маленький код ( ~10 строк), который будет отржать проблему. Я и всем другим будет проще помочь видя четкий контекст проблемы, а в коде на 100 строк никто просто так рыться не будет )

[grom111]

JackShcherbakov,
У меня есть елемент a с классом delete. Когда я на него кликаю мне нужно достать isbn (то что цифры).

[grom111]

JackShcherbakov, Пока что сделал так (previousSubling не работает)

e.target.parentElement.parentElement.children[2].textContent

[JackShcherbakov]

grom111, У вас e.target.parentElement.previousSibling указывает на перенос строки после td с ISBN скорее всего. Это можно проверить через nodeType

[JackShcherbakov]

grom111, Разумеется не работает. Такого свойства не существует previousSubling Есть previousSibling