js_7_dom文本

dom编程核心？

  1. 绑定事件
  2. 找到标签（innerText找标签里文本内容，innerHTML找标签里所有内容）

　　　　特殊的标签：input，select，textarea ，通过.value来获取值

　　3. 获得直接修改

如何设置一个输入框？

      需求：

  1. 输入框中有提示，点击置空（onfous：聚焦  if）
  2. 离开时候，空和空格的时候，再加上提示（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>

 

 

posted @ 2017-06-13 18:46  梦_鱼  阅读(174)  评论(0)  编辑  收藏  举报