Бетте мынадай HTML, CSS және JavaScript бар:
<ul id="menu">
<li class="item">Басты</li>
<li class="item active">Курстар</li>
<li class="item">Байланыс</li>
</ul>
.item { color: gray; }
#menu .item.active { color: green; }
li:nth-child(odd) { color: blue; }
.item:first-child { color: orange; }
ul li:last-child { color: red; }
const items = document.querySelectorAll("#menu .item");
items[2].classList.add("active");
Сценарий орындалғаннан кейін items.length және document.querySelectorAll(".active").length мәндері қандай?
Дұрыс жауабы мен түсіндірмесі
Жауабы: 3 және 2
items — #menu ішіндегі 3 элемент (NodeList статикалық). active класы бар: «Курстар» (бастапқыдан) және «Байланыс» (сценарий қосқан) — 2.
«Web-жобалау» тақырыбынан тағы
- HTTP әдісін оның сипаттамасымен сәйкестендіріңіз.
- #nav .item a селекторының ерекшелігінен (specificity) жоғары ерекшелігі бар селекторларды таңдаңыз.
- Cookie атрибутын оның әрекетімен сәйкестендіріңіз.
- CSS туралы дұрыс тұжырымдарды таңдаңыз.
- CSS селекторын оның мағынасымен сәйкестендіріңіз.
- JavaScript кодының консольдағы нәтижесі қандай? console.log([10, 9, 1, 100].sort().join(), [10, 9, 1, 100].sor...
- JavaScript оқиғасын оның іске қосылу сәтімен сәйкестендіріңіз.
- Сценарий орындалғаннан кейін «Байланыс» тармағының түсі қандай?