码迷,mamicode.com
首页 > 编程语言 > 详细

《JavaScript DOM编程艺术》笔记

时间:2015-07-21 23:40:15      阅读:245      评论:0      收藏:0      [点我收藏+]

标签:

前几章介绍javascript基本知识,变量的声明,函数,和对象这三者是重点,当然没什么难度。

第三章开始是重点,讲到了DOM。

D:文档

O:面向对象

M:模型(树)

 

获取元素:

有三种DOM方法可以获取元素节点,分别是通过元素id,通过标签名,和通过类名。

1.getElementById

根据id返回一个

2.getElementByTagName

根据标签名,返回一个对象数组。每个对象分别对应着document对象中的一个列表项元素。

3.getElementByClassName

 

以上的三种方法是用来获取元素的,我们获取元素后,还需要获取其各个属性。getAttribute方法是用来获取属性,setAttribute方法是用来更改属性。

 

getAttribute是一个函数,它只有一个参数,你打算查询的属性的名字。

object.getAttribute(attribute)

getAttribute方法不属于document对象,所以不能通过document对象调用。它只能通过元素节点调用。例如,可以与getElementByTag方法合用。获取每个<p>元素的title属性,如下所示:

var paras = document.getElementsByTagName("p");
for(var i = 0; i < paras.length;i++){
      alert(paras[i].getAttribute("title"));
}

 

《JavaScript DOM编程艺术》笔记

标签:

原文地址:http://www.cnblogs.com/rixiang/p/4665889.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!