js 12

1.元素间关系查找

1)父子关系

parentElement; 查找一个元素的父元素

children;查找一个元素的所有孩子

firstElementChild;查找第一个孩子

lastElementChild;查找最后一个孩子

2)兄弟关系

previousElementSibling  前一个兄弟元素

nextElementSibling      下一个兄弟元素

案例：

<ul id='king'>

    <li>

        电子设备

        <ul>

            <li>手机</li>

            <li>电视</li>

            <li>电脑</li>

        </ul>

    </li>

    <li>

        母婴用品

        <ul>

            <li>奶粉</li>

            <li>玩具</li>

            <li>尿不湿</li>

        </ul>

    </li>

    <li>

        个人护理

        <ul>

            <li>面膜</li>

            <li>爽肤水</li>

            <li>BB霜</li>

        </ul>

    </li>

</ul>

<script>

    //查找tree的父元素

    console.log(king.parentElement);

    //查找tree的子元素

    console.log(king.children);

    //从tree找到奶粉尿不湿

    console.log(king.children[1].firstElementChild.children[0]);

</script>

2.使用HTML元素查找

<ul id='king'>

    <li class='list'>电子设备</li>

    <li class='list'>母婴用品</li>

    <li class='list'>个人护理</li>

</ul>

<input type="" name="uname">

1)按id查找

var ul=document