首页技术正文

js_7_dom文本

开发者伊果技术 2022年11月10日

0 收藏 918 点赞 4,164 浏览 651 个字

dom编程核心？

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

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

　　3. 获得直接修改

如何设置一个输入框？

需求：

输入框中有提示，点击置空（onfous：聚焦 if）

离开时候，空和空格的时候，再加上提示（onblur;失去聚焦 if）

 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <title>嘻嘻</title> </head>
 <body> 　　     <div>         <input id="put1" type="text" value="请输入你的名字" onfocus="Focus()" onblur="Blur1()">     </div>     <script>         function Focus() {
             var nid = document.getElementById('put1');
             var value = nid.value;
             console.log(value);
             if(value == "请输入你的名字"){
                 nid.value ="";
             }
         }
         function Blur1() {
             var nid = document.getElementById('put1');
             var value =nid.value.trim();
             if(!value){
                 nid.value ='请输入你的名字'
             }
         } </script>
 <!-- 坑点：函数名第一个字母，必须大写-->
 </body>
 </html>