JavaScript弹出框 元素文本输入
- 通过是否确定或者取消进行判断,利用confirm语法,msg会变成布尔值,确定是true,取消是false,可通过,msg值进行判断
msg=confirm("你有没有学过h5?");// 同步等待:1
console.log(msg);// 3
- 输入确定框,输入的内容,会赋值给name
name=prompt("请输入你的姓名:");//弹出框执行的优先级别要高于返回值:2
console.log(name);//4
-
写入html内容,会打开现有的HTML中的body部分,重新加入内容
- 注意:如果交互的时候使用这种写法,会删除掉body内原来的内容,写入新的内容
- 只适用于document.write
- 也可以插入HTML标签
document.write("写入内容"); document.write("<button>按钮</button>");
-
写入HTML,可使用innerHTML
-
注意:这种写法会删除元素内的所有子节点
div.innerHTML="改变内容";//click点击改变
-
-
还有一种写法是设置textContent属性,如果使用textContent属性,也会删除元素内的所有子节点,并替换为指定字符串的一个单独的文本节点
document.getElementById("div").textContent;//获取div里面的文本内容
document.getElementById("div").textContent="Hello";//改变div里面的内容