<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个子元素