zoukankan      html  css  js  c++  java
  • DOM操作总结(一)

    (一)innerText

    凡是成对的标签,中间的文本内容,设置的时候,都是用innerText这个属性方法

    (二)在某个元素的事件中,自己的事件中的this就是当前的这个元素对象

    var btn=ducoument.getElementById("btn");
    btn.onclick=function(){
        this.value="...";
        btn.value="...";//上下两行代码相同
    }
    

    (三)for循环是在页面加载的时候,执行完毕

    事件是在触发的时候再执行

    for(var k=0;k<5;k++){
        console.log(k)//0,1,2,3,4
    }
    
    for(var k=0;k<5;k++){
    }
    console.log(k);//5,事件触发的时候k已经变成了5
    

    (四)阻止超链接跳转

    return false

    (五)获取元素的方法总结

    • 根据id属性的值获取元素,返回一个元素对象

      document.getElementById("id");
      
    • 根据标签名字获取元素,返回一个伪数组

    document.getElementsByTagName("标签名字")
    
    • 根据name属性的值获取元素,返回一个伪数组

      document.getElementsByName("name属性的值");
      
    • 根据类样式的名字来获取元素,返回一个伪数组

      document.getElmentsByClassName("类样式的名字");
      
    • 根据选择器获取元素,返回来一个元素对象

      document.querySelector("选择器的名字");
      
    • 根据选择器获取元素,返回的是一个伪数组

      doucment.querySelectorAll("选择器的名字");
      
  • 相关阅读:
    Vue中过度动画效果应用
    最小公倍数和最大公约数求解方法
    Vue实现双向绑定的原理以及响应式数据
    Hive SQL语法总结
    java安装配置
    Ubuntu vmware补丁
    centos6 安装tensorflow
    python hive
    python 连接 hive
    ubuntu下python通过cx_Oracle库访问oracle数据库
  • 原文地址:https://www.cnblogs.com/upxiao/p/9605475.html
Copyright © 2011-2022 走看看