javascript替换网页内容,js替换html内容

  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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: