原生js 插入html

最新推荐文章于 2024-07-31 11:05:25 发布

冷色系微风爱丶

最新推荐文章于 2024-07-31 11:05:25 发布

阅读量3.5k

点赞数

分类专栏： JS vue

本文链接：https://blog.csdn.net/czy279470138/article/details/108058874

版权

本文详细介绍了如何使用原生JavaScript的`insertAdjacentHTML`方法动态插入HTML到元素中，适用于前端开发人员进行DOM操作，提升网页动态更新的效率。

摘要由CSDN通过智能技术生成

https://developer.mozilla.org/en-US/docs/Web/API/Element/insertAdjacentHTML

小白仅作记录

      // 客服点击发送事件
      submitChat(){
        let dialogueInput = document.getElementById('text') // input 框
        let dialogueContain = document.getElementById('chat') // 父元素 要插入的
        let chatBody = document.getElementById('chatBody') // 最外层 overflow
        let user = '客服'
        let time = '2020-05-06'
        if (dialogueInput.value == '') {
          console.log('内容不能为空')
        }else { 
        let chatli = "<li class='chat_content_body_customer_msg'> " +
              "<div class=