史上最好的答案

来源:9-12 插入节点appendChild()

qq_慕仔9400362

2020-06-23 14:33

<!DOCTYPE HTML>

<html>

<head>

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

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

</head>

<body>


<ul id="test">

  <li>JavaScript</li>

  <li>HTML</li>

</ul> 

 

<script type="text/javascript">


  var otest = document.getElementById("test");  

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

  newnode.innerHTML="PHP是世界上最好的语言";

  otest.appendChild(newnode);

  

</script> 


</body>

</html>


写回答 关注

2回答

  • weixin_慕码人0405103
    2022-05-06 15:22:51

      let li=document.createElement('li');

     otest.appendChild(li).innerHTML='PHP';//appendChild返回添加的node,所以可以链式编程


  • 慕尼黑1441384
    2020-08-04 09:09:58

    史上最简洁的答案(点赞):

    <!DOCTYPE HTML>

    <html>

    <head>

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

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

    </head>

    <body>


    <ul id="test">

      <li>JavaScript</li>

      <li>HTML</li>

    </ul> 

     

    <script type="text/javascript">


      var otest = document.getElementById("test");  

      var li=document.createElement('li');

      li.innerHTML='PHP';    

      otest.appendChild(li);          

    </script> 


    </body>

    </html>


JavaScript进阶篇

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

468061 学习 · 21891 问题

查看课程

相似问题