zoukankan      html  css  js  c++  java
  • JavaScript获取元素

    JavaScript获取元素(此方法要注意顺序)!!!!!

    独有标签的获取
    独有标签的获取:
        document.head
        document.title
        document.body
    其他标签的获取
      通过ID获取元素:
        document.getElementById()
    
      通过class名获取:(不兼容IE8及以下)
       .getElementsByClassName()
    
      通过标签名获取:
       .getElementsByTagName()
    
     通过name值获取:
       .getElementsByName()
    
     通过选择器的写法获取元素:(不兼容IE7及以下)
       .querySelector()
       .querySelectorAll()
    
     注意:除了ID获取前面必须是document之外,其他的方式,前面可以是某个元素(不能是集合)

    获取的是确切的某个元素,可以直接操作这个元素   

    document.getElementById("box").innerHTML = "吃惊!";

    获取的是一堆元素的集合,设置操作时要通过下标(索引/序号)拿到对应的某一个再用         

    document.getElementsByClassName("wrap")[0].innerHTML = "狗蛋!";
    document.getElementsByClassName("wrap")[1].innerHTML = "大锤!";

    记得加上下标,不然系统会报错,

    获取第一个对应的元素,不是集合,可以直接用

    document.querySelector("#goudan .kk .fly").innerHTML = "goudan kk fly";

    获取选择器对应的所有,是集合,需要下标配合操作

    document.querySelectorAll("#goudan .fly")[1].innerHTML = "我是第二个i";

    寻找类标签的数量

    alert(document.getElementsByClassName("wrap").length);

    innerHTML

      innerHTML可以解析标签:例如:    

    document.body.innerHTML = "<p>这是新内容</p>";

    innerText

      innerText无法解析标签

        如果在加上html标签会无法解析

  • 相关阅读:
    给js function的参数设置默认值
    如何让windows服务器IIS支持.apk/.ipa文件下载
    Firefox 设置技巧
    在sql中使用了 hashbytes 函数
    SQL Server 查询处理中的各个阶段(SQL执行顺序)
    Jquery 操作 radio选中值
    gradle更新依赖库
    weex第一节-环境搭建
    安装weex-toolkit老是失败的解决办法
    Android透明度颜色值计算
  • 原文地址:https://www.cnblogs.com/fushengfuge/p/8508436.html
Copyright © 2011-2022 走看看