newnode.appendChild(newnodeText);这一句没看懂,求解

来源:9-15 替换元素节点replaceChild()

慕仰6690464

2016-03-09 17:21

<!DOCTYPE HTML>

<html>

<head>

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

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

</head>

<body>



  <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>

  

 </body>

</html>


写回答 关注

3回答

  • 收拾好鑫情
    2016-03-28 00:27:42

    这是为newnode添加一个子文本节点。

    你可以试着输出document.write(b.childNodes[0].nodeType);会发现是3,即是文本节点。

    ps:b=document.getElementById("oldnode");

  • 追梦人_dreamer
    2016-03-09 22:17:33

     var newnode=document.createElement("i");//这是新创建一个<i>标签元素并存在newnode中。

     var newnodeText=document.createTextNode("javaScript");//这是一个文本内容并存放在newnodeText中;

    newnode.appendChild(newnodeText);//这是将创建的文本内容放入创建的<i>元素中.


  • Jason999
    2016-03-09 17:40:12

    newnode 首先创建了一个i标签元素,newnodeText 创建了一个文本内容,javaScript newnode.appendChild(newnodeText);是为这个标签中加入文本内容。

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468060 学习 · 21891 问题

查看课程

相似问题