以下为示例代码：
<title> 创建和操作节点</title>
<script type="text/javascript">
window.onload = function(){
var oP = document.createElement("p");
var oT = document.createTextNode("js写入的文本，测试用！");
oP.appendChild(oT);
document.body.appendChild(oP);
}
function funRemoveNode(){
var oNewP = document.getElementsByTagName("p")[0];
//document.body.removeChild(oNewP);
oNewP.parentNode.removeChild(oNewP); //推荐这种写法
}
function funReplaceNode(){
var oNewP = document.getElementsByTagName("p")[0];
var oNewDiv = document.createElement("div");
oNewDiv.innerHTML = "<p>这是一段后来被插入的文字！</p>";
oNewP.parentNode.replaceChild(oNewDiv,oNewP);
}
function funInsertNode(){
var oNewP = document.getElementsByTagName("p")[0];
var oNewDiv = document.createElement("div");
oNewDiv.innerHTML = "<br />这是一段后来被插入的文字！";
oNewP.parentNode.insertBefore(oNewDiv,oNewP);
}
</script>
</head>
<body>
<input type="button" value="删除节点" οnclick="funRemoveNode();" />
<input type="button" value="替换节点" οnclick="funReplaceNode();" />
<input type="button" value="插入节点" οnclick="funInsertNode();" />
</body>
代码仅仅演示用，每个按钮单击一次，然后刷新重试其他按钮，避免报错。
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
