原生JS实现评论功能

最新推荐文章于 2023-04-15 22:21:48 发布

️️️️37

最新推荐文章于 2023-04-15 22:21:48 发布

阅读量711

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/qq_60740010/article/details/125824139

版权

利用js的追加 appendChild实现评论

<!DOCTYPE html>

<html lang="en">

  <head>

    <meta charset="UTF-8" />

    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>Document</title>

  </head>

  <body>

    <button onclick="ck()">追加</button>

    <script>

      function ck() {

        let oDiv = document.createElement('div');



        // 追加

        // 父元素.appendChild(子元素)

        oDiv.innerHTML = 'hello wordl';

        document.body.appendChild(oDiv);

        oDiv.style = 'width:100px;height:100px;background:#09f';



        // document.write('<h1>hello world</h1>')

      }



      /*

        小结：

            document.createElement('标签名')



            父元素.appendChild(子元素)

   

        */

    </script>

  </body>

</html>