JavaScript怎么获取一个元素的父级元素？以及子级元素

JavaScript016

JavaScript怎么获取一个元素的父级元素？以及子级元素,第1张

html代码：

<div id="test">

<div></div>

<div></div>

</div>

js代码：

<script>

function dom() {

var s= document.getElementById("test")

del_ff(s) //清理空格

var chils= s.childNodes //得到s的全部子节点

var par=s.parentNode //得到s的父节点

var fc=s.firstChild //获得s的第一个子节点

var lc=s.lastChile //获得s的最后一个子节点

}

</script>

建议：使用jquery来获取父级节点跟子级节点会更方便。

JavaScript 本身是不支持这种查找的, 因为"子对象"只是父对象中的一个引用, 它也可以被其它对象引用, 这样一个"子对象"就可能有多个"父对象". 能实现的是在代码运行中获取它的上级对象.

var Obj = function()

{

    this.child = {

        parent: {},

        get_parent: function()

        {

            return this.parent

        }

    }

    this.init = function()

    {

        this.child.parent = this

    }

    this.init()

}

var o = new Obj

console.log(o.child.get_parent())

$("#floatDiv").before("<div class=\"floatDiv\" id=\"floadDiv"+peo.value+"\"><div class=\"selectDiv\">"+peo.nextSibling.innerText+"</div><div class=\"selectCancle\"><a href=\"javascript:closeDiv(this)\">×</a></div></div>")

}else if(!peo.checked){

var divID ="floatDiv"+peo.value

$("#"+divID).remove()

}

}