二十五岁时我们都一样愚蠢、多愁善感,喜欢故弄玄虚,可如果不那样的话,五十岁时也就不会如此明智。
标题:JavaScript htmldom document
HTML DOM 文档对象是在你web页面中所有其他对象的拥有者.
HTML DOM 文档对象
文档对象描述你的网页。
如果你想访问HTML页面中的任何一个元素,你总是开始访问文档对象.
下面是一些例子,你可以使用文档对象来访问和操作HTML.
找到 HTML 元素
方法 描述 document.getElementById(id) 通过元素id查找元素 document.getElementsByTagName(name) 按标签名称查找元素 document.getElementsByClassName(name) 按类名查找元素
修改 HTML 元素
方法 描述 element.innerHTML = new html content 修改一个元素内的HTML element.attribute = new value 修改HTML元素的属性值 element.setAttribute(attribute, value) 修改HTML元素的属性值 element.style.property = new style 修改HTML元素的样式
添加和删除元素
方法 描述 document.createElement(element) 创建一个HTML元素 document.removeChild(element) 删除一个HTML元素 document.appendChild(element) 添加一个HTML元素 document.replaceChild(element) 更换一个HTML元素 document.write(text) 写在HTML输出流
添加事件处理器
方法 描述 document.getElementById(id).onclick = function(){code} 添加一个onclick事件的事件处理程序代码 查找HTML对象
第一个 HTML DOM Level 1 (1998), 定义了11个 HTML 对象, 对象集合, 和属性. 这些在在HTML5中仍然是有效的。
后来, HTML DOM Level 3, 更多的对象, 集合, 和属性被添加.
属性 描述 DOM document.anchors 返回所有 <a> 元素 1 document.applets 返回所有<applet> 元素 (在HTML5中被废除) 1 document.baseURI 返回文档的绝对 base URI 3 document.body 返回 <body> 元素 1 document.cookie 返回文档的cookie 1 document.doctype 返回文档的 doctype 3 document.documentElement 返回 <html> 元素 3 document.documentMode 返回使用浏览器的模式 3 document.documentURI 返回文档的URI 3 document.domain 返回文档服务器的域名 1 document.domConfig Obsolete. 返回DOM配置 3 document.embeds 返回所有 <embed> 元素 3 document.forms 返回所有 <form> 元素 1 document.head Returns the <head> element 3 document.images 返回所有 <img> 元素 1 document.implementation 返回DOM实现 3 document.inputEncoding 返回文档的字符编码 encoding (character set) 3 document.lastModified 返回文档更新的日期和时间 3 document.links 返回所有 <area> and <a> 元素 1 document.readyState 返回文档的(加载)状态 3 document.referrer 返回 referrer 的 URI (链接文档) 1 document.scripts 返回所有 <script> 元素 3 document.strictErrorChecking 返回执行错误检查 3 document.title 返回 <title> 元素 1 document.URL 返回文档的完整URL 1