1、getElementById(id) 通过元素的ID访问元素，这是DOM一个基础的访问页面元素的方法，我们要经常用到它. 例如下面的例子，我们可以同DIV的ID迅速的访问到它，而不必通过DOM层层遍历， 注意使用这个函数时如果元素的ID不是唯一的，那么会获得第一个符合条件的元素。 在IE6中如果input、checkbox,radio. 等元素name匹配指定的ID，也会被访问到 例如下面的例子中，获得的元素是input： 2、getElementsByName(name) 返回名字是name的元素数组，在IE6中元素ID匹配这个名字的话，这个元素也将包括在内，而且getElementsByName()仅用于象input,radio,checkbox等元素对象。 象下面例子中georges数组的长度应该是0。 3、getElementsByTagName(tagname) getElementByTagName可以用于DOCUMENT也可以用元素。getElementsByTagName返回具有指定tagname的子元素列表（数组）。你可以遍历这个数组获得每一个单独的子元素。当处理很大的DOM结构，使用这种方法可以很容易的所有缩小范围。 DOM Element 常用方法 1、appendChild(node) 向当前节点对象的追加节点。经常用于给页面动态的添加内容。 例如下面给div添加一个文本节点： 上面的例子中给DIV添加文本，也可以用newdiv.innerHTML=”A new div”实现， 不过innerHTML不属于DOM 2、removeChild(childreference) 移除当前节点的子节点，返回被移除的节点。这个被移除的节点可以被插入document树中别的地方 3、cloneNode(deepBoolean) 复制并返回当前节点的复制节点，这个复制得到的节点是一个孤立的节点，不在document树中。复制原来节点的属性值，包括ID属性，所以在把这个新节点加到document之前，一定要修改ID属性，以便使它保持唯一。当然如果ID的唯一性不重要可以不做处理。 这个方法支持一个布尔参数，当deepBoolean设置true时，复制 当前节点的所有子节点，包括该节点内的文本。 4、replaceChild(newChild, oldChild) 把当前节点的一个子节点换成另一个节点 例如： 5、insertBefore(newElement, targetElement) 给当前节点插入一个新节点，如果targetElement被设置为null，那新节点被当作最后一个子节点插入，否则那新节点应该被插入targetElement之前的最近位置。 6、click() 执行元素的一次点击，可以用于通过脚本来触发onClick函数 DOM Element的属性:（下面是常用的。IE5.0以上,mozllia都支持的） 1、childeNodes 返回所有子节点对象, 例如 2、innerHTML 这是一个事实上的标准，不属于w3c DOM，但是几乎所有支持DOM的浏览器，都支持这个属性。通过这个属性我们很容易修改一个元素的HTML。 3、style 返回一个元素的style对象的引用，通过它我们可以获得并修改每个单独的样式。 例如下面的脚本可以修改一个元素的背景色 document.getElementById("test").style.backgroundColor="yellow" 4、firstChild 返回第一个子节点 5、lastChild 返回最后一个子节点 6、parentNode 返回父节点的对象。 7、nextSibling 返回下一个兄弟节点的对象 8、previousSibling 返回前一个兄弟节点的对象 9、nodeName 返回节点的HTML标记名称，使用英文的大写字母，如P, FONT 例如 第一个例子： 使用DOM1.0 的javascript动态地创建一个HTML table。 首先，我们创建一个table元素 接着，创建一个TBODY元素，它应该是TABLE元素的子元素， 但是现在现在它们之间没有联系。 接着，使用一个循环创建TR元素，它们应该是TBODY元素的子元素。 对于每一个TR，我们使用一个循环创建TD元素，它们是TR的子元素。 对于每一个TD，我们创建一个文本节点元素 现在，我们创建好了这些TABLE, TBODY, TR, TD还有文本元素，但是它们之间的层级 关系并没有建立起来。然后我们以上相反的顺序把每一个对象添加到它的父节点上。 mycurrent_cell.appendChild(currenttext); mycurrent_row.appendChild(mycurrent_cell); mytablebody.appendChild(mycurrent_row); mytable.appendChild(mytablebody); 现在DOM层次如下: BODY TABLE TBODY TR-------------------TR------------------TR TD-----TD-----TD TD-----TD-----TD TD-----TD-----TD
推荐整理分享Document 对象的常用方法(document对象的常用方法)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:document对象的常用属性,document对象的常用属性,document对象有哪些,document对象的常用方法有哪些,document对象的作用,document对象的常用方法有哪些,document对象有哪些,document对象的常用方法,内容如对您有帮助，希望把文章链接给更多的朋友！
Javascript Math对象 Math对象Math对象是在高中数学课就学过的内置对象。它知道解决最复杂的数学问题的所有公式，如果给它要处理的数字，即能计算出结果。Math对象有几
Javascript Global对象 Global对象Global对象是ECMAScript中最特别的对象，因为实际上它根本不存在。如果尝试编写下面的代码，将得到错误：错误消息显示Global不是对象，但刚才
什么是JavaScript 什么是JavaScriptJavaScript是一种基于对象和事件驱动的客户端脚本语言。JavaScript最初的设计是为了检验HTML表单输入的正确性。JavaScript起源于Netscape公司的L
