87,990
社区成员
发帖
与我相关
我的任务
分享怎么找相邻的节点？IE下。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Siblings</title>
<script language="javascript">
function myDOMInspector(){
var myItem = document.getElementById("myDearFood");
var nextListItem = myItem.nextSibling;
var preListItem = myItem.previousSibling;
alert(nextListItem.tagName +" "+ preListItem.tagName);
}
</script>
</head>
<body onload="myDOMInspector()">
<ul><li>糖醋排骨</li><li>圆笼粉蒸肉</li><dd>泡菜鱼</dd><li id="myDearFood">板栗烧鸡</li><a>麻婆豆腐</a></ul>
</body>
</html>
<html>
<head>
<title>Siblings</title>
<script language="javascript">
function myDOMInspector(){
var myItem = document.getElementById("myDearFood");
var nextListItem = myItem.nextSibling;
var preListItem = myItem.previousSibling;
alert(nextListItem.tagName +" "+ preListItem.tagName);
}
</script>
</head>
<body onload="myDOMInspector()">
<ul><li>糖醋排骨</li><li>圆笼粉蒸肉</li><dd>泡菜鱼</dd><li id="myDearFood">板栗烧鸡</li><a>麻婆豆腐</a></ul>
</body>
</html>
...全文
请发表友善的回复…
发表回复
cxvddd4 2011-05-17
- 打赏
- 举报
[Quote=引用 1 楼 cb1156 的回复:]
ul li里的结构不能像那样写
你把myItem.innerHTML打出来看看就知道了 这里没有nextSibling了 已经是最后一个节点
[/Quote]
改成DIV照样得不到节点呢
ul li里的结构不能像那样写
你把myItem.innerHTML打出来看看就知道了 这里没有nextSibling了 已经是最后一个节点
[/Quote]
改成DIV照样得不到节点呢
职业宅男 2011-05-17
- 打赏
- 举报
建议lz用jQuery
cb1156 2011-05-17
- 打赏
- 举报
ul li里的结构不能像那样写
你把myItem.innerHTML打出来看看就知道了 这里没有nextSibling了 已经是最后一个节点
你把myItem.innerHTML打出来看看就知道了 这里没有nextSibling了 已经是最后一个节点
cb1156 2011-05-17
- 打赏
- 举报
ul里只能有li节点
