• javascript学习笔记(二) rabbitdeer


    二、DOM

    DOM"Document Object Model"(文档对象模型)的首字母缩写,当创建了一个网页并把它加载到WEB浏览器

    中时,DOM就在后台生成,它讲根据你编写的网页文档创建一个文档对象。

    javascript语言里的对象可以分为三种类型:

    ①用户定于对象(user-defined object:由程序员自行创建的对象

    ②内建对象(native object):内建在javascript语言里的对象,如Arraymathdate等。

    ③宿主对象:(host object):由浏览器提供的对象

     

    getElementById()方法

    DOM提供一个名为getElementById()的方法,这个方法将返回一个与那个有着给定ID属性值得元素节点相对应

    的对象。(注意:javascript区分大小写)

    这个方法是与document对象相关联的函数,在脚本代码里,函数名的后面必须根由一组圆括号,这组圆括号

    包含着函数的参数。getElementById()方法只有一个参数:你想获得的那个元素的id属性值,这个id值必须

    放在单引号或双引号里。

    document.getElementById(id)

    例:

    结果返回的事:object

     

    getElementsByTagName()方法

    getElementsByTagName()方法将返回一个对象数组,每个对象分别对应着文档里有着定标签的一个元素。

     

    将会返回object

     

    小结:

    一份文档就是一颗节点树

    节点分为不同的类型:元素节点、属性节点和文本节点等。

    getElementById()方法将返回一个对象,该对象对应着文档里的一个特定的元素节点。

    这些节点中的每个都是一个对象。

     

    getAttribute()方法

    getAttribute()方法是一个函数。它只有一个参数--你打算查询的属性的名字:

    Object.getAttribute(attribute)

    getAttribute()方法不能通过document对象调用,我们只能通过一个元素节点对象调用它。

     

    与getElementsByTagName方法结合,去查询每个<p>元素的title属性

     

    setAttribute()方法

    setAttribute()方法与其他几个方法的区别是它允许我们队属性节点的值进行修改。

    setAttribute()方法要求我们向他传递两个参数:

    setAttribute(attributevalue)

     

     

     

  • 相关阅读:
    Java 基本知识
    开源框架 Java
    Java 常用工具
    centos7设置静态IP
    VMnet1、VMnet8到底是什么?
    centos7修改主机名的方法
    防火墙阻止了虚拟机与主机之间互相ping通解决方案
    虚拟机centos与主机互相Ping通
    centos个性化命令行提示符
    更多的常用命令
  • 原文地址:https://www.cnblogs.com/mxxhit/p/3737775.html
Copyright © 2020-2023  润新知