HTML DOM总结

document.documentElement //返回存在于 XML 以及 HTML 文档中的文档根节点。
document.body //这是对HTML页面的特殊扩展,提供了对 <body>标签的直接访问。

document.all //返回包含所有元素的对象
document.all[i] //第i个元素对象
document.all[name] //选取指定名字的对象
document.all.tags[tagname] //选择指定的标签对象
document.anchors //返回包含所有超链接的对象
document.forms //返回包含所有超链接的对象
document.images //返回包含所有超链接的对象
document.links //返回包含所有 area 和 link 的对象

document.lastModified; //文档最后修改时间
document.cookie //返回与文档有关的cookie
document.domain //返回域名
document.referrer //访问当前页,是否为超链接跳转方式,不是则返回 null
document.title //文档标题
document.URL //当前url地址
document.open("text/html","replace") //打开输出流
document.close() //关闭一个由 document.open 方法打开的输出流,并显示选定的数据
document.createElement(tag) //创建元素节点
document.createTextNode(str) //创建文本节点


element = document.getElementById(id).getElementsByTagName(tag)
element.nodeName 
element.nodeType 
element.nodeValue
element.previousSibling //上一个兄弟节点
element.nextSibling //下一个兄弟节点
element.hasChildNodes() //是否有子节点
element.hasAttributes() //是否拥有属性
element.hasAttribute(name) //是否拥有指定的属性
element.getAttribute(attr)
element.setAttribute(name, value)
element.parentNode.nodeName
element.firstChild.nodeValue
element.lastChild.nodeType
element.childNodes[0].nodeValue
element.childNodes.item(0).nodeName

child = document.getElementById('id')
parent = document.getElementById('id')
parent.appendChild(child)//追加节点
parent.insertBefore(newChild, beforeChald) //追加到父节点指定的子节点之前

child = document.getElementById('id')
child.parentNode.removeChild(child) //删除节点
newNode = document.getElementById('id')
child.parentNode.replaceChild(newNode, child)//替换节点
原文地址:https://www.cnblogs.com/zbseoag/p/2973781.html