• 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>

     

  • 相关阅读:
    Android读书笔记三
    Android读书笔记二
    Android读书笔记一
    cpp plugin system
    houdini已放弃2
    ssh-keygen
    linux library
    software with plugin
    houdini已放弃
    C++ template
  • 原文地址:https://www.cnblogs.com/2bjiujiu/p/7002916.html
Copyright © 2020-2023  润新知