Бетте мынадай 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");
Сценарий орындалғаннан кейін «Байланыс» тармағының түсі қандай?
Дұрыс жауабы мен түсіндірмесі
Жауабы: green
Сценарийге дейін: ul li:last-child (0,1,2) қызыл. Сценарий active класын қосқан соң #menu .item.active (1,2,0) жеңеді — green.
«Web-жобалау» тақырыбынан тағы
- JavaScript-тен бұрын (CSS ғана қолданылғанда) «Басты» тармағының түсі қандай?
- Сценарийден кейін items[1].nextElementSibling.className мәні қандай?
- CSS: html font-size: 16px .a font-size: 1.5em .b font-size: 0.8em; width: 10em . .b элементі .a элементінің іш...
- JavaScript-те қай өрнектердің мәні true?
- HTTP әдісін оның сипаттамасымен сәйкестендіріңіз.
- CSS псевдо-класын немесе псевдо-элементін оның әрекетімен сәйкестендіріңіз.
- «Курстар» тармағының түсі қандай?
- Сценарий орындалғаннан кейін items.length және document.querySelectorAll(".active").length мәндері қандай?