zoukankan      html  css  js  c++  java
  • js基础七

    dom对象
    ```
    返回当前文档的标题 document.title
    返回文档完整的url,无法对document.URL进行赋值,

    ```
    ```
    获取标签的四种方式:
    document.getElementById("elementID");获取标签元素节点
    document.getElementsByTagName("tagname");标签名的对象的集合
    document.getElementsByName("name");名称的对象的集合
    document.getElementsByClassName("classname");类名的元素集合

    (function(){
    //获取标签的时候浏览器提供的方法
    var h1 = document.getElementById('title'); 获取标签返回这个标签的单个对象 其他的三个是返回到集合
    console.log(h1) //id选择器所选择的的,当html中没有的浏览器,打印后显示是null
    getElementsByTagName 返回带有指定标签名的对象集合
    document.getElementsByNagName('') 通过标签名来获取获取多个元素,会显示一组标签,返回值并不是数组,是元素集合(对象集合) 显示出来是数组,但是不是数组,只是和数组类似结构,没有不具备数组类型的对象才拥有的方法
    html中没有出现过得标签,就会是一个长度为0的集合
    getElementsByName
    getElementsByClassName根据类名来获取对象集合,会有兼容性问题,低版本ie浏览器不支持

    })()
    ```

    获取标签以后可以对这些标签进行哪些操作呢?
    设置标签里的属性值
    获取标签属性值的两种方式:1,通过dom对象同名属性来获取
    2,通过调用dom对象的getAttribute()方法来获取
    以上两种方法的区别,1,对于文本框的value而言,同名属性而言,同名属性这种方式获取到的是文本框的当前值,而getAttribute()获取到的是文本框的初始值,2,如果要获取 标签的class属性的值,如果使用同名属性的方式,那么对应的属性名是className;3,如果要获取标签的非标准属性,只有getAttribute这种方式能获取到
    input.className='red'
    input.getAttribute('class','red') 设置的属性名 +属性值


    按钮绑定事件,点击按钮时的时候浏览器调用函数
    div.style = 'background-color:red';这样写会有浏览器兼容性问题
    div.style.width = '100px';
    div.style['background-color = 'red'];ie浏览器不支持,应当改成div.style['backgroundColor = 'red']
    要更改中间带'-'的样式,把中间改成驼峰命名法,如上

  • 相关阅读:
    4. Qt的容器类
    hdu 4507 数位dp(求和,求平方和)
    MVC3和MVC4中CRUD操作
    SSL 中证书能否够使用IP而不是域名
    TinyXml快速入门(一)
    C++ TinyXml操作(含源码下载)
    Tinyxml 操作XML
    msxml 操作xml
    MFC中全局变量的定义及使用
    VC++中操作XMLWin32实例
  • 原文地址:https://www.cnblogs.com/duanfuying/p/6033215.html
Copyright © 2011-2022 走看看