DOM_TEST

목차

• 조건에 맞는 위치에 요소 삽입

 조건에 맞는 위치에 요소 삽입

라조기와 깐풍기 사이에 "잡채밥", "동파육"을 순서대로 넣고,

배경색은 베이지와 오렌지색이 번갈아가며 나오게 수정

<ul>
    <li class="none_li">짜장면</li>
    <li class="none_li">탕수육</li>
    <li class="none_li">짬뽕</li>
    <li class="none_li">볶음밥</li>
    <li class="none_li">라조기</li>
    <li class="none_li">깐풍기</li>
    <li class="">마파두부</li>
    <li class="">유산슬</li>
</ul>

const KKAN = document.querySelector( "li:nth-Child(7)" );

const ZAB = document.createElement( "li" );
ZAB.innerHTML = "잡채밥";
UL[0].insertBefore( ZAB, KKAN );

const DONGPA = document.createElement( "li" );
DONGPA.innerHTML = "동파육";
UL[0].insertBefore( DONGPA, KKAN );

function backColor() {
    for( let i = 0; i < LI.length; i++ ) {
        if( i % 2 === 0 ) {
            LI[i].style.backgroundColor = "beige";
        } else {
            LI[i].style.backgroundColor = "orange";
        }
    }
}
backColor();

---

 

Github

Link