前言:
入职好几个月了,寻思着零零散散的学习,技术上也没什么实质性的进展,支离破碎的知识面让人痛心疾首,是时候组织一下,一本一本的学习了。
那么就从javascript开始。参考用书:javascript DOM编程艺术。
第三章:
DOM
D:document(文档)
O:Objective(对象)
M:Model(模型)
节点(Node)
DOM的原子是元素节点(element node)
如<body> <p> <ul>
文本节点(text node)
如<p>This is a text node</p> p标签中的内容就是文本节点。
属性节点(attribute node)
<p title="a gentle reminder">hello javascript</p>
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