DOM提供四项最基本的方法

①.getElementById()

    1. 语法: obj= document . getElementById ( sID ) ;
    2. 参数: sID : 必选项。字符串(String);
    3. 返回值: obj: 对象(object);

②.getElementsByTagName()

    1. 作用: 通过查找整个 HTML 文档中的任何 HTML 元素,传回指定名称的元素集合;
    2. 语法: objNodeList = xmlDocument.getElementsByTagName(tagname);
    3. //tagname 是一个字符串,代表找到的元素卷标名称,使用tagname "*"传回文件中所有找到的元素;
    4. 例子: 应用ength 属性来循环遍历节点列表:
    5.    var x=document.getElementsByTagName("p");
    6. for (var i=0;i<x.length;i++)
    7. { // do something with each paragraph }

③.getAttribute()

    1. 作用: 方法通过名称获取属性的值;
    2. 语法: getAttribute()方法是一个函数,它只有一个参数(你打算查询的属性的名字)
    3. object.getAttribute(attribute)
      注:getAttribute()方法不能通过document对象调用,这与我们此前介绍过的其他方法不同,我们只能通过一个元素节点对象调用它
    4. 例子: 可以把它与getElementsByTagName()方法结合起来,去查询每个<p>元素的title属性,如下所示:
      var text=document.getElementsByTagName("p")
      for (var i=0;i<text.length;i++)
      { alert(text[i].getAttribute("title")); }

④.setAttribute()

    1. 作用: 它允许我们对属性节点的值做出修改;
    2. 语法: 只能通过元素节点对象调用的函数,但setAttribute()方法需要我们向它传递两个参数:
    3. obiect.setAttribute(attribute,value)
    4. 例子: var shopping=document.getElementById("purchases") //把id属性值是purchase的元素检索出来
      shopping.setAttribute("title","a list of goods") //把这个元素的title属性值设置为a list of goods
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值