Мне нужно поменять цвет ссылок только в списке-родителе на whitesmoke, как это сделать?

Question

let idbaseonly = document.getElementById('base-list')
for (let item of idbaseonly) {
    item.style.color = 'whitesmoke'
    item.style.textDecorationStyle = 'none'
}

HTML:

<ul id="base-list">
  <li>
    <a href="#">Lorem</a>
    <ul>
      <li>
        <a href="#">Lorem</a>
      </li>
      <li>
        <a href="#">Ipsum</a>
      </li>
      <li>
        <a href="#">dolor</a>
      </li>
    </ul>
  </li>
  <li>
    <a href="#">Ipsum</a>
  </li>
  <li>
    <a href="#">dolor</a>
  </li>
</ul>

Answer 1

К сожалению, яснее не стало из вопроса. Но раз надо помочь, то поможем, чем сможем.

let idbaseonly = document.getElementById('base-list');

for (let item of idbaseonly.children) { //children в данном случае представляет собой li первого уровня
//Запись item.children[0] справедлива только для указанной вёрстки. Если она вдруг решит изменится, то можно заменить на item.querySelector('a')
    item.children[0].style.color = 'grey'; //grey (здесь он для наглядности) меняем на ваш whitesmoke
    item.children[0].style.textDecorationStyle = 'none';
}

<ul id="base-list">
  <li>
    <a href="#">Lorem</a>
    <ul>
      <li>
        <a href="#">Lorem</a>
      </li>
      <li>
        <a href="#">Ipsum</a>
      </li>
      <li>
        <a href="#">dolor</a>
      </li>
    </ul>
  </li>
  <li>
    <a href="#">Ipsum</a>
  </li>
  <li>
    <a href="#">dolor</a>
    <ul>
      <li>
        <a href="#">Lorem</a>
      </li>
      <li>
        <a href="#">Ipsum</a>
      </li>
      <li>
        <a href="#">dolor</a>
      </li>
    </ul>
  </li>
</ul>

P.S. Просто пользуйтесь если не поисковиком, то хотя бы console.log(). Полезная штука при отладке.

БЛОГ НА HUSL

Мне нужно поменять цвет ссылок только в списке-родителе на whitesmoke, как это сделать?

Ответы (1 шт):