为了账号安全,请及时绑定邮箱和手机立即绑定

这段代码里的这句话是干嘛用的? newnode.appendChild(newnodeText);

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>


<body>

<script type="text/javascript">

   function replaceMessage(){

  var newnode = document.createElement("p");

  var newnodeText = document.createTextNode("javascript");

  newnode.appendChild(newnodeText);

  var oldNode = document.getElementById("oldnode");

  oldNode.parentNode.replaceChild(newnode,oldNode);   

   }

</script>


<h1 id="oldnode">Java</h1>

<a href="javascript:replaceMessage()">"Java"替换"Javascript"</a>

</body>

</html>


正在回答

1 回答

前面 var newnodeText = document.createTextNode("javascript");是指创建一个内容为JavaScript的文本节点,紧接着  newnode.appendChild(newnodeText);是将创建好的这个文本节点添加为p的子节点

1 回复 有任何疑惑可以回复我~
#1

风飘叶摇

这个的作用其实和之前的innerHTML的作用差不多呀。
2017-05-20 回复 有任何疑惑可以回复我~
#2

前端小学生a 回复 风飘叶摇

对啊,两种方法都可以,但是还是有区别的,比如用innerHTML你在其中加入htmll标签的话会被浏览器翻译出来,但是你创建文本节点,里面的内容如果含有标签的话,是不会被翻译出来的
2017-05-21 回复 有任何疑惑可以回复我~
#3

风飘叶摇

谢谢您的解惑,这个我还真不知道,麻烦了。
2017-05-21 回复 有任何疑惑可以回复我~
#4

风飘叶摇

谢谢您的解惑,这个我还真不知道,麻烦了。
2017-05-21 回复 有任何疑惑可以回复我~
#5

呀_砖头 提问者

非常感谢!
2017-05-21 回复 有任何疑惑可以回复我~
查看2条回复

举报

0/150
提交
取消

这段代码里的这句话是干嘛用的? newnode.appendChild(newnodeText);

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信