dom编程核心?
- 绑定事件
- 找到标签(innerText找标签里文本内容,innerHTML找标签里所有内容)
特殊的标签:input,select,textarea ,通过.value来获取值
3. 获得直接修改
如何设置一个输入框?
需求:
- 输入框中有提示,点击置空(onfous:聚焦 if)
- 离开时候,空和空格的时候,再加上提示(onblur;失去聚焦 if)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>嘻嘻</title> 6 7 </head> 8 <body> 9 10 <div> 11 12 <input id="put1" type="text" value="请输入你的名字" onfocus="Focus()" onblur="Blur1()"> 13 14 </div> 15 16 <script> 17 18 function Focus() { 19 var nid = document.getElementById('put1'); 20 var value = nid.value; 21 console.log(value); 22 if(value == "请输入你的名字"){ 23 nid.value =""; 24 } 25 } 26 function Blur1() { 27 var nid = document.getElementById('put1'); 28 var value =nid.value.trim(); 29 if(!value){ 30 nid.value ='请输入你的名字' 31 } 32 } 33 34 </script> 35 <!-- 坑点:函数名第一个字母,必须大写--> 36 </body> 37 </html>