0

Есть меню

sidemenu.innerHTML=`<li>
    <div class="leftside">
    <i class="fa fa-home"></i>
    </div>
    <div class="centerplace">
    <a href="" class="nestedblock">Техника для кухни</a>
    </div>
    <div class="rightside">
    <i class="fa fa-home"></i>
    </div>
  </li>
  <li>
    <div class="leftside">
    <i class="fa fa-home"></i>
    </div>
    <div class="centerplace">
    <a href="" class="nestedblock">Бытовая техника для дома</a>
    </div>
    <div class="rightside">
    <i class="fa fa-home"></i>
    </div>
  </li>
  <li>
    <div class="leftside">
    <i class="fa fa-home"></i>
    </div>
    <div class="centerplace">
    <a href="" class="nestedblock">Ноутбуки и компьютеры</a>
    </div>
    <div class="rightside">
    <i class="fa fa-home"></i>
    </div>    
  </li>
  <li>
    <div class="leftside">
    <i class="fa fa-home"></i>
    </div>
    <div class="centerplace">
    <a href="" class="nestedblock">Комплектующие</a>
    </div>
    <div class="rightside">
    <i class="fa fa-home"></i>
    </div>    
  </li>
  </li>`;

Есть элемент этого списка

let elemmenuitemli = document.querySelectorAll('li');
<li>
    <div class="leftside">
    <i class="fa fa-home"></i>
    </div>
    <div class="centerplace">
    <a href="" class="nestedblock">Техника для кухни</a>
    </div>
    <div class="rightside">
    <i class="fa fa-home"></i>
    </div>
  </li>

Каким образом можно обратиться к подэлементам elemmenuitemli - элементам классов .centerplace и .rightside?

3
  • 1
    так же через querySelector например Commented 2 мар. 2021 в 8:38
  • @АлексейШиманский а селектор какой? я понимаю как глобально в документе найти, а как внутри уже существующего отбора (не из всего документа, а только подобласти всего документа) я не знаю?
    – goodsoft
    Commented 2 мар. 2021 в 8:41
  • 1
    точно так же, как в документе, только точка будет не из document, а уже из найденного элемента. например querySelector('#test').querySelector('.hello').querySelector('who-is-it') Commented 2 мар. 2021 в 8:44

1 ответ 1

0

Если говорить, о вашем втором куске кода, то можно добраться до элементов через childNodes и получить коллекцию, в которой li будет первым (нулевым) элементом. После этого, можно получить детей нулевого элемента коллекции, в которой будут нужные вам элементы. Не знаю, то ли это, что вы хотели узнать, но добраться к элементам так можно. let elems = document.querySelectorAll("li");

elems[0].children

HTMLCollection(3) [div.leftside, div.centerplace, div.rightside]

2
  • а let elemcenterplace = document.querySelectorAll('ul>li>.centerplace'); let elemrightside = document.querySelectorAll('ul>li>.rightside'); использовать можно?
    – goodsoft
    Commented 2 мар. 2021 в 10:18
  • let elemrightside = document.querySelector('.rightside') let elemcenterplace = document.querySelector('centerplace') Commented 2 мар. 2021 в 10:22

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.