59-添加标签

添加标签

操作流程

1. 使用creatElement创造一个新标签

2. 对新标签的内容或者属性进行赋值

3. 使用appendChild或者insertBefore将新标签插入到页面指定位置

   //1.用户输入数据
   let input = prompt("请输入您的评论");
   
   //2.使用添加标签API
   // 生成一个新li标签
   let oli =  document.createElement("li")
   
   // 内容赋值
   oli.innerHTML = `评论三:${input}`
   
   //3.将新建标签放置页面上
   //将当前标签作为父元素的最后一个子元素放入页面 
   appendChild
   let oul = document.querySelector("ul")
   
   //将当前标签作为父元素中指定标签之前插入 insertBefore
   let otwo = document.querySelector(".two"
   )oul.insertBefore(oli,otwo)
   

   • creatElement：创造新标签

     let 新标签变量名 = document.createElement("新标签名")
     

   • appendChild：将当前标签作为父元素的最后一个子元素放入页面

     父标签变量名.appendChild(新标签变量名)
     

   • insertBefore:将当前标签作为父元素中指定标签之前插入

     父标签变量名.insertBefore(新标签变量名,兄弟标签变量名)