既然已经用getElement(s)命令获取到元素了,那么直接在其上进行替换不就行了吗?为什么非得以父母节点为根然后调用replace??不多此一举吗?
replaceChild()方法将把一个给定父元素里面的一个子节点替换为另一个子节点
你还记得parentNode的方法的示例吗↓
<div id="text">
<p id="con"> parentNode 获取指点节点的父节点</p>
</div>
<script type="text/javascript">
var mynode= document.getElementById("con");
document.write(mynode.parentNode.nodeName);
</script>这里找到p元素的父节点mynode.parentNode→div
回到replaceChild方法把一个给定父元素里面的一个子节点替换为另一个子节点
<div><b id="oldnode">JavaScript</b>是一个很常用的技术,为网页添加动态效果。</div>
<a href="javascript:replaceMessage()"> 将加粗改为斜体</a>
<script type="text/javascript">
function replaceMessage(){
var newnode=document.createElement("i");
var newnodeText=document.createTextNode("javaScript");
newnode.appendChild(newnodeText);
var oldNode=document.getElementById("oldnode");
oldNode.parentNode.replaceChild(newnode,oldNode);
}
</script>oldNode.parentNode.这里就是找到了id=‘oldnode’的给定父元素div然后用新建的 i 子节点替换原有的 b 子节点
----------不知道我有没有说明白,如果还有不清楚的可以再提出来~
如果不能改变一套语言的规定,就尊重法则;
可能语言里的替换都是想通的。
比如PHP字符串里面的替换
str_replace(find,replace,string)
| find | 必需。规定要查找的值。 |
| replace | 必需。规定替换 find 中的值的值。 |
| string | 必需。规定被搜索的字符串。 |