js中的DOM常用语句总结

DOM简介

DOM:Document Object Model
DOM定义了访问类似于HTML/XML结构化树状文档的接口
W3C定义了Javascript对DOM的实现方法
简单而言一个DOM对象对应于HTML/XML一对闭合标签<tag></tag>所包含的内容

//短函数方便使用
function $(id){
<wbr>return document.getElementById(id);<br> };<br> function $C(t){<br><wbr>return document.createElement(t);<br> };<br> function $G(t){<br><wbr>return document.getElementsByTagName(t);<br> };</wbr></wbr></wbr>

DOM常用举例:

1、新建一个DOM对象:

var oDiv = $C('div');
oDiv.className = 'class1';
var oA = $C('a');
oA.href = "http://www.61live.com";
oA.innerHTML = "Test"
oDiv.appendChild(oA);
document.body.appendChild(oDiv);

2、使用DOM Collections获取DOM对象：

var el = $("div1");

var children = el.childNodes;
for (var i = 0; i < children.length; i++){
<wbr><wbr> alert(children[i].tagName);<br> };</wbr></wbr>

var tags = $G("a");
for (var i = 0; i < anchorTags.length ; i++){
<wbr><wbr> alert(tags[i].innerHTML);<br> }</wbr></wbr>

3、删除一个DOM对象:

//把oA从内存中去除；不在显示了；但oA的还存在。

oA.style.display = 'none';

//把oA从内存中彻底去除；oA的不存在了；也没有id了。

oDiv.removeChild(oA);