java web 开发初学v_2010_8_21之javascrpt(3)

javascript高级技术

 

1.DOM技术

 

DOM是为了方便处理层次型文档（XML HTML）的一种技术。 htmlDOM提供了一套API

DOM主要功能是获得HTML语言中各个元素的的信息 或者动态的向这些元素中添加新的元素 而调用DOM API需要编写javascript代码

在javascript中DOM的对象为 document

 

例：

var oHtml=document.documentElement；

而html中body和head元素的获得方法如下：

 

var oHead=oHtml.firstChild;//可获得head对象

var oBody=oHtml.lastchild;

 

alert(oHead.outerHTML);// 显示包括head标签本身的内容

alert(oBody.innerHTML);//显示不包括body标签本身的内容

 

 

获得 HTML元素的3中方法

1.getElementById方法

根据HTML文档中的id属性值来得到HTML元素

2.getElementByName

3.getElementByTagName

可以根据标签类型来获得一个相同HTML元素的数组：

var oInputs=document.getElementByTagName("input") ;//获得所有Input对象

 

//循环显示Input对象的type值

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

 alert(oInputs[i].type);