原生JS实现评论功能

93 阅读 0 评论 62 点赞

我是靠谱客的博主笨笨身影，最近开发中收集的这篇文章主要介绍原生JS实现评论功能，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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