怎么判断某个dom节点是否包含某个dom节点?

Question

js有个contains的方法来判断是否为子节点我想问下这个是怎么实现的呢？原理是什么呢？

Answer 1

<div class="first">

    <div class="first-child"></div>

</div>

<div class="second">

    <div class="second-child">

        <div class="second-child-child"></div>

    </div>

</div>

<script type="text/javascript">

    var a = document.querySelector('.first-child');

    var b = document.querySelector('.second-child-child');

    var c = document.querySelector('.first');

    var d = document.querySelector('.second');

    function isChildOf(child, parent) {

        var parentNode;

        if(child && parent) {

            parentNode = child.parentNode;

            while(parentNode) {

                if(parent === parentNode) {

                    return true;

                }

                parentNode = parentNode.parentNode;

            }

        }

        return false;

    }

    console.log(isChildOf(a, b));

    console.log(isChildOf(b, d));

    console.log(isChildOf(a, c));

</script>