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标签会无法解析

  • 相关阅读:
    算法之我见
    meobius与DBTwin实现原理
    MongoDB应用学习
    重要通知
    lucenc代码阅读指南、测试范例
    什么是IoC以及理解为什么要使用Ioc
    策略模式实现支持多种类数据库的DBHelp
    为什么使用TFS 2012进行源代码管理——TFS 2012使用简介(一)
    我们到底能走多远系列
    Eclipse+Tomcat+MySQL+MyEclipse
  • 原文地址:https://www.cnblogs.com/fushengfuge/p/8508436.html
Copyright © 2011-2022 走看看