<html>
<head>
<title>replaceChild使用</title>
</head>
<body>
您喜欢的城市:<br>
<ul>
<li id="bj" value="beijing">北京</li>
<li id="sh" value="shanghai">上海</li>
<li id="cq" value="chongqing">重庆</li>
</ul>
您喜欢的游戏:<br>
<ul>
<li id="fk" value="fankong">反恐</li>
<li id="ms" value="moshou">魔兽</li>
<li id="cq" value="chuanqi">传奇</li>
</ul>
</body>
<script language="javascript">
window.onload = function(){//当文档加载完毕,才执行onload事件,所指定的函数
//点击北京节点,将被反恐节点替换
document.getElementById("bj").οnclick=function(){
//<li id="bj" value="beijing">北京</li>
var bjElement = document.getElementById("bj");
//<li id="fk" value="fankong">反恐</li>
var fkElement = document.getElementById("fk");
//获取父节点 北京
var bjParentElement = bjElement.parentNode;
//替换
var oldElement = bjParentElement.replaceChild(fkElement,bjElement);
//测试
alert(oldElement.firstChild.nodeValue);
}
}
</script>
</html>
javascript的replaceChild的应用
最新推荐文章于 2024-07-21 06:45:00 发布