Как получить доступ к соседу js?

Question

[Александра]

Всем привет, такой вопрос, есть у меня две радиокнопки, через checkRadio получаю отмеченную кнопку и теперь как получить его соседа тег i и переопределить содержимое этого тега через innerHtml ??? На jquery все просто с этим, но как на чистом такое провернуть?

<label>
    <input type="radio" value="Тест" name="radio"> Какой то текст - <span>1000 </span>(Текст:<em>20</em>) - <i>2</i> тест
</label>
<label>
    <input type="radio" value="Тест" name="radio"> Какой то текст - <span>1000 </span>(Текст:<em>20</em>) - <i>2</i> тест
</label>

var checkRadio = document.querySelector('input[name = "radio"]:checked');
...???

Comments

[Lynn «Кофеман»]

https://developer.mozilla.org/ru/docs/Web/CSS/Gene...

[Александра]

Алексей Тен, мне нужен js а не css

[Kovalsky]

Александра, вы всё равно в JS пользуетесь унифицированным механизмом селекторов, тем же самым что и в CSS. Ну или мы не очень поняли в чем ваша проблема.

[Lynn «Кофеман»]

В document.querySelector вы используете CSS селекторы.

Но если очень хочется на JS, то вам нужен nextSibling, parentElement, childNodes и т.п.

[Александра]

Алексей Тен, спасибо, получила через el.parentElement.lastElementChild

[Александра]

Kovalsky, таких тонкостей не знала, я учусь, спасибо

Answer 1

[Анатолий]

Если уверены что тег будет последним:

checkRadio.parentNode.lastElementChild.innerHTML = '25';

Что бы не привязываться к позиции тега i:

checkRadio.parentNode.querySelector('i').innerHTML = '25';

Answer 2

[DeniSidorenko]

nextSibling