javascript_DOM 编程艺术学习笔记（二）

javascript_DOM 编程艺术学习笔记（二）

一、获取元素节点

1、根据id获取

document.getElementById(id名称);

2、根据元素节点名获取（是一个数组）

document.getElementsByTagName(元素名称);

3、根据class获取(HTML5 DOM的新方法)

document.getElementsByClassName(class属性); // 老旧浏览器不适用

通用代码

 

var node = document.getElementById("purchases");
var elements = getElementsByClassName(node,"sale");
alert(elements.length);

function getElementsByClassName (node,className) {
if(node.getElementsByClassName){ // 判断是否支持getElementsByClassName方法
return node.getElementsByClassName(className);
}else{
var results = new Array();
var items = node.getElementsByTagName("*");
for (var i = 0; i < items.length; i++) {
if(items[i].className.indexOf(className) != -1){
results[results.length] = items[i];
}
}
return results;
}
}

二、属性操作

1、获得属性

var node = document.getElementsByTagName("p");
alert(node[0].getAttribute("title"));

2、设置属性

var node = document.getElementsByTagName("p");
node[0].setAttribute("title","hehe");