常用DOM\HTML-DOM方法

1、获取元素：

a.获取带某id属性的元素节点getElementById(id)（返回一个对象）：

alert(typeof document.getElementById(“logo”));

b.获取给定标签的元素节点getElementByTagName(tag)（返回一个对象数组）：

alert(document.getElementByTagName(“div”).length);

c.获取带某class属性的元素节点getElementByClassName(class)（返回一个对象数组）：

alert(document.getElementByClassName(“mainbox”).length);

2、获取和设置属性

a.获取属性getAttribute(attribute)（只能通过元素节点对象调用）：

var paras = document.getElementByTagName("p");

var paras_title = paras.getAttribute("title");

b.设置属性setAttribute(attribute,value)（只能通过元素节点对象调用）:

var links = document.getElementByTagName("a");

links.setAttribute("href","http://www.baidu.com");

（或者直接使用HTML-DOM方法：links.href = "http://www.baidu.com"）

3、共享onload事件函数：addLoadEvent

addLoadEvent(firstFunction);

addLoadEvent(secondFunction);

以上语句将实现firstFunction与secondFunction两个函数在页面加载时都能得到执行

4、创建元素节点createElement(nodeName)：

var image = document.createElement("img");

5、创建文本节点createTextNode(text)：

var txt = document.createTextNode("I'm a new paragraph.");

6、插入节点

a.插入为某节点的最后一个子节点appendChild(newElement)：

<span style="font-size:18px;">var para = document.createElement("p");
var txt = document.createTextNode("I'm a new paragraph.");
var testdiv = document.getElementById(“testdiv”);
testdiv.appendChild(para);
para.appendChild(txt);</span>

b.在现有节点前插入一个节点（兄弟节点）insertBefore(newElement,targetElement):

var image = document.createElement("img");

<span style="font-size:18px;">image.setAttribute("src","myimage.png");
var testdiv = document.getElementById(“testdiv”);
testdiv.parentNode.insertBefore(image,testdiv);</span>

c.在现有节点后插入一个节点（兄弟节点，目前没有提供这个方法，下面是自己编写函数实现的）：

<span style="font-size:18px;">function insertAfter(newElement,targetElement){
	var parent = targetElement.parentNode;
	if(parent.lastChild == targetElement){
		parent.appendChild(newElement);
	}
	else{
		parent.insertBefore(newElement,targetElement.nextSibling);
	}
}</span>