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

JavaScript0109

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来获取父级节点跟子级节点会更方便。

<div>

<button onclick="dosell(this)">确定</button>

</div>

<script>

function dosell(item){

var parentNode=item.parentNode 

alert(parentNode.tagName) //这里将会弹出DIV

}

</script>

如上,按钮上点击要加一个参数dosell(this)

js找一个子元素的父元素:

<!DOCTYPE html><html><head>

<meta charset="utf-8">

</title>    <script type="text/javascript">    function deleteElement(Obj)

{        Obj.parentNode.parentNode.removeChild(Obj.parentNode)    }    </script></head>

<body>     <ul class="list2" ><li ><img alt="" src="1.jpg" /><div>mingzi1</div>

<a onclick="deleteElement(this)">删除</a></li><li ><img alt="" src="2.jpg" />

<div>mingzi2</div><a onclick="deleteElement(this)">删除</a></li><li >

<img alt="" src="3.jpg" /><div>mingzi3</div><a onclick="deleteElement(this)">删除</a>

</li></ul></body></html>

拓展资料

删除一个父元素下面的所有子元素:

document.getElementById("ok").innerHTML = ""

删除其中的一个:

document.getElementById("ok").remove(document.getElementById("ok").children(i))

//删除id为"ok"下的第i-1个子元素