了解更多关于JavaScript DOM对象的信息

什么是DOM？DOM是一个文档对象模型，它是一组基于浏览器编程的API接口(在本教程中，是DHTML编程)。W3C推荐的标准，每个浏览器都有一些细微的差别，其中Mozilla的浏览器最接近标准。只有Javascript结合DOM才能做DHTML编程，做出漂亮的结果，应用到WEB上。这和其他语言几乎一样，就像C/C需要库支持一样。否则，我们只会做语法研究。我们最关心的是，DOM将网页与脚本和其他编程语言连接起来。DOM属于浏览器，而不是JavaScript语言规范中指定的核心内容。

查找元素

1、直接搜索

方法名描述getElementById(Id)(文档)获取文档中具有指定唯一ID属性值的元素getelementsbyname _ r (name)返回当前元素中具有指定标记名的子元素数组。文件。getElementByclassName根据属性获取标记集getAttribute(名称)。该属性由名称指定。1document.getElementById('id ')

Body div id='zhang '不帅/div脚本类型=' text/JavaScript ' var I=document . getelementbyid(' Zhang ')；//找到指定的id i.innerText='很帅'；//innerText修改指定字符串/脚本/正文的显示效果。当我们打开IE的时候，如果不帅就会变成帅。

2getElementsByTagName _ r(名称)

Body div name='zhang '不帅/div脚本类型=' text/JavaScript ' var I=document . getelementbytagnmae(' Zhang ')；//查找指定的名字i.innerText='很帅'；//innerText修改指定的字符串/脚本/正文，显示效果相同

3 document . getelementsbyclassname

Body div class=' zhang '不帅/div脚本类型=' text/JavaScript ' var I=document . getelementclass name(' Zhang ')；//找到指定的类名i.innerText='很帅'；//innerText修改指定的字符串/脚本/body2，间接搜索

属性名描述子节点返回当前元素的所有子元素的数组。childNodes返回当前元素的所有子元素。firstChild返回当前元素的第一个子元素。lastChild返回当前元素的最后一个子元素。nextSibling返回紧跟在当前元素后面的元素。返回当前元素parentElement返回其父节点标记元素子元素返回其所有子标记firstElementChild返回第一个子标记元素lastElementChild返回最后一个子标记元素nextElementtSibling返回下一个同级标记元素pr EviousElementSibling返回上一个同级标记元素。有了W3C DOM，可以编写简单的跨浏览器脚本，从而充分利用XML的强大功能和灵活性，将XML作为浏览器和服务器之间的通信媒介。

操作要素

1.动态创建内容时使用的W3C DOM属性和方法

属性/方法描述document.createelement _ x(标记名)的文档对象上的createElement_x方法可以由标记名创建