您的位置：首页 > Web前端 > JavaScript

【第三章-DOM】javascript DOM 编程艺术-学习笔记

2017-02-26 20:25 645 查看

前言：

入职好几个月了，寻思着零零散散的学习，技术上也没什么实质性的进展，支离破碎的知识面让人痛心疾首，是时候组织一下，一本一本的学习了。

那么就从javascript开始。参考用书：javascript DOM编程艺术。

第三章：

DOM

D：document(文档)

O:Objective（对象）

M:Model（模型）

节点（Node）

DOM的原子是元素节点（element node）

如<body> <ul>

文本节点（text node）

如This is a text node p标签中的内容就是文本节点。

属性节点（attribute node）

hello javascript

title="a gentle reminder"是一个属性节点，属性总是被放在起始标签里，所以属性节点总是被包含在元素节点中，另有css的class属性，id属性

获取元素

1.getElementById 返回一个有给定id属性的元素节点对应的对象

eg: document.getElementById("IdName");

2.getElementsByTagName 返回一个对象数组，每个对象分别对应着给定标签的一个元素

eg: var temp = document.getElementsByTagName("li"); alert(temp.length);

3.getElementsByClassName 通过class属性中的类名来访问元素

略

获取和设置属性

获取属性;getAttribute

var a = document.getElementById("test");

var title = a.getAttribute("title");

设置属性:setAttribute

var a = document.getElementById("test");

a.setAttribute("title","我是修改属性后的title名称");

第三章总结：

介绍了DOM，及DOM提供的5个方法：

getElementById

getElementsByTagName

getElementsByClassName

getAttribute

setAttribute

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript

相关文章推荐

新的分享

章节导航