既然已经用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 | 必需。规定被搜索的字符串。 |