javascript替换网页内容,js替换html内容
本教程运行环境:windows7系统,javascript1.8.5版本1.8.5,戴尔G3电脑。
在javascript中,可以使用replaceChild()方法替换页面元素。
replaceChild()方法用一个新节点替换一个子节点。这个新节点可以是文档中的现有节点,或者您可以创建一个新节点。
语法:
newnodeNode对象需要node.replacechild (newnode,oldnode)的参数类型说明。要插入的节点对象。Olnodenodeobject是必需的。要删除的节点对象。示例:
!声明文档类型
超文本标记语言
头
meta charset=utf-8
/头
身体
B divid= oldnode JavaScript/b是一种非常常见的为网页添加动态效果的技术。/divbr /
Button onclick=replaceMessage()将粗体改为斜体/a
脚本类型=文本/javascript
函数replaceMessage() {
var old node=document . getelementbyid( old node );//提取旧元素;
var new node=document . createelement( I );//创建一个新节点;
new node . innerhtml=old node . innerhtml;//将旧的oldnode内容赋给新的newnode,否则newnode没有内容,只是简单的改变一个属性,把B变成I,显示的是空的;
old node . parent node . replace child(new node,old node);//实现子节点(对象)的替换,返回被替换对象的引用;
}
/脚本
/body
/html
【相关推荐:javascript学习教程】以上是javascript如何替换页面元素的详细内容。更多请关注我们的其他相关文章!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。