脚本化文档

1、DOM概述
文档对象模型(DOM)是表示和操作HTML和XML文档内容的基础API。
大多数客户端Javascript程序运行时总是在操作一个或多个文档元素。
查询文档的一个或多个元素的方法:

  1. 用指定的id属性;
  2. 用指定的name属性;
  3. 用指定的标签名字;
  4. 用指定的css类;
  5. 匹配指定的css选择器。

    1.1通过ID选取元素

document.getElementById('section1');

通过ID查找多个元素

function getElements(){
    var elements = {};//开始是一个空map映射对象
    for(var i=0;i<arguments.length;i++){//循环每个参数
        var id = arguments[i];//参数是元素的id
        var elt = document.getElementById(id);//查找元素
        if(elt==null){                  //如果未定义
            throw new Error("No element with id:" + id);//抛出异常
        }
        elements[id]=elt;        //id和元素之间映射
    }
    return elements;        //对元素映射返回id
}

1.2通过名字选取元素(只对html文档可用)

document.getElementByName("fa_color");

1.4通过标签名选取元素

document.getElementByTagName("span");

未完待续。。。。。。




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值