html语法中常见的dom对象不包含,js中的DOM常用语句总结

DOM简介

DOM:Document Object Model

DOM定义了访问类似于HTML/XML结构化树状文档的接口

W3C定义了Javascript对DOM的实现方法

简单而言一个DOM对象对应于HTML/XML一对闭合标签所包含的内容

//短函数方便使用

function $(id){

return document.getElementById(id);

};

function $C(t){

return document.createElement(t);

};

function $G(t){

return document.getElementsByTagName(t);

};

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++){

alert(children[i].tagName);

};

var tags = $G("a");

for (var i = 0; i < anchorTags.length ; i++){

alert(tags[i].innerHTML);

}

3、删除一个DOM对象:

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

oA.style.display = 'none';

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

oDiv.removeChild(oA);