32 lines
634 B
HTML
32 lines
634 B
HTML
<!DOCTYPE html >
|
|
<html>
|
|
|
|
<div class=“output”>
|
|
<h1>Hello</h1>
|
|
<div>Test</div>
|
|
<ul>
|
|
<li id="one">One</li>
|
|
<li class="red">Two</li>
|
|
</ul>
|
|
<div>Test</div>
|
|
</div>
|
|
|
|
<script>
|
|
const output = document.querySelector(".output");
|
|
const mainList = output.querySelector("ul");
|
|
mainList.id = "mainList";
|
|
console.log(mainList);
|
|
const eles = document.querySelectorAll("div");
|
|
for (let x = 0; x < eles.length; x++) {
|
|
console.log(eles[x].tagName);
|
|
eles[x].id = "id" + (x + 1);
|
|
if (x % 2) {
|
|
eles[x].style.color = "red";
|
|
} else {
|
|
eles[x].style.color = "blue";
|
|
}
|
|
}
|
|
</script>
|
|
|
|
</html>
|