JavaScript-167：节点概述 父节点

结构

    <div>
        我是div
    </div>
    <span>我是span</span>
    <ul>
        <li>我是li</li>
        <li>我是li</li>
        <li>我是li</li>
        <li>我是li</li>
    </ul>
    <div class="demo">
        <div class="box">
            <span class="ima">x</span>
        </div>
    </div>

JS

        var erw = document.querySelector('.ima');
        // var box = document.querySelector('.box');
        // console.log(box);
        // 1 parentNode 得到的元素是最近的父级节点  如果找不到父节点就返回为空  null
        console.log(erw.parentNode);
        // 2 parentElement parentElement和parentNode一样，只是parentElement是ie的标准。
        console.log(erw.parentElement);
        // 3 offsetParent 获取所有父节点 一看offset我们就知道是偏移量 其实这个是于位置有关的上下级 ，直接能够获取到所有父亲节点， 这个对应的值是body下的所有节点信息。
        console.log(erw.offsetParent);