JavaScript弹出框 元素文本输入

JavaScript弹出框 元素文本输入

1. 通过是否确定或者取消进行判断，利用confirm语法,msg会变成布尔值，确定是true，取消是false，可通过，msg值进行判断

msg=confirm("你有没有学过h5？");// 同步等待：1
console.log(msg);// 3

2. 输入确定框，输入的内容，会赋值给name

name=prompt("请输入你的姓名：");//弹出框执行的优先级别要高于返回值：2
console.log(name);//4

3. 写入html内容,会打开现有的HTML中的body部分，重新加入内容

   • 注意：如果交互的时候使用这种写法，会删除掉body内原来的内容，写入新的内容
   • 只适用于document.write
   • 也可以插入HTML标签

   document.write("写入内容")；
   document.write("<button>按钮</button>");
   

4. 写入HTML，可使用innerHTML

   • 注意：这种写法会删除元素内的所有子节点

     div.innerHTML="改变内容";//click点击改变
     

5. 还有一种写法是设置textContent属性，如果使用textContent属性，也会删除元素内的所有子节点，并替换为指定字符串的一个单独的文本节点

document.getElementById("div").textContent;//获取div里面的文本内容
document.getElementById("div").textContent="Hello";//改变div里面的内容