htmlDOM操作1
来源:互联网 发布:java 平均分配算法 编辑:程序博客网 时间:2024/05/17 04:56
DOM 是 Document Object Model(文档对象模型)的缩写。
- HTML 的标准对象模型
- HTML 的标准编程接口
HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。
通过 HTML DOM,树中的所有节点均可通过 JavaScript 进行访问。所有 HTML 元素(节点)均可被修改,也可以创建或删除节点。
<html> <head> <title>DOM 教程</title> </head> <body> <h1>DOM 第一课</h1> <p>Hello world!</p> </body></html>
从上面的 HTML 中:
- <html> 节点没有父节点;它是根节点
- <head> 和 <body> 的父节点是 <html> 节点
- 文本节点 "Hello world!" 的父节点是 <p> 节点
并且:
- <html> 节点拥有两个子节点:<head> 和 <body>
- <head> 节点拥有一个子节点:<title> 节点
- <title> 节点也拥有一个子节点:文本节点 "DOM 教程"
- <h1> 和 <p> 节点是同胞节点,同时也是 <body> 的子节点
并且:
- <head> 元素是 <html> 元素的首个子节点
- <body> 元素是 <html> 元素的最后一个子节点
- <h1> 元素是 <body> 元素的首个子节点
- <p> 元素是 <body> 元素的最后一个子节点
所有 HTML 元素被定义为对象,而编程接口则是对象方法和对象属性。
HTML DOM 对象 - 方法和属性
一些常用的 HTML DOM 方法:
- getElementById(id) - 获取带有指定 id 的节点(元素)
- appendChild(node) - 插入新的子节点(元素)
- removeChild(node) - 删除子节点(元素)
一些常用的 HTML DOM 属性:
- innerHTML - 节点(元素)的文本值
- parentNode - 节点(元素)的父节点
- childNodes - 节点(元素)的子节点
- attributes - 节点(元素)的属性节点
一些 DOM 对象方法
这里提供一些您将在本教程中学到的常用方法:
所有 HTML 元素被定义为对象,而编程接口则是对象方法和对象属性。
nodeName 始终包含 HTML 元素的大写字母标签名。
nodeName 属性
nodeName 属性规定节点的名称。
- nodeName 是只读的
- 元素节点的 nodeName 与标签名相同
- 属性节点的 nodeName 与属性名相同
- 文本节点的 nodeName 始终是 #text
- 文档节点的 nodeName 始终是 #document
注释:nodeName 始终包含 HTML 元素的大写字母标签名。
nodeValue 属性
nodeValue 属性规定节点的值。
- 元素节点的 nodeValue 是 undefined 或 null
- 文本节点的 nodeValue 是文本本身
- 属性节点的 nodeValue 是属性值
nodeType 属性
nodeType 属性返回节点的类型。nodeType 是只读的。
比较重要的节点类型有:
0 0
- htmlDOM操作1
- htmldom操作添加标签顺序
- HTMLDOM
- HTMLDOM
- js 操作HtmlDom 学习笔记二
- HtmlDOM 文档读取研究
- htmlDOM二级联动
- HTMLDOM添加删除元素
- javascript(二)之HTMLDOM
- HtmlDom的增删改查
- 项目订单表单中htmldom技术应用
- 匹配指定id的HTMLDom元素的正则
- Html+JS+HTMLdom+Json+JQuery 常用基础知识点汇总
- silverlight系列(HTMLDom通信、鼠标位置的捕捉)
- HTMLDOM修改元素样式,内容,创建追加元素
- 匹配指定id的HTMLDom元素的正则
- HTMLDOM 滚动 可见高度,总高度(offsetHeight,scrollHeight)
- (0829)BOM对象-location-screen-history-navigat、DOM对象-htmlDOM-cssDOM
- Bob's Problem
- 【bzoj1088】[SCOI2005]扫雷Mine(9018p1289)
- Let us learn C in Code <1>
- java中多线程并发的处理方式
- boost库文件名的含义
- htmlDOM操作1
- gcc version 4.7.3 (Ubuntu/Linaro 4.7.3-2ubuntu1~12.04) 编译器的一个BUG(不是bug)
- python获得OS平台信息
- 《Unity 4.x Cookbook》 之中文版《Unity开发实战》内容简介
- 系统支付金额效能监控设计
- [黑马程序员]多线程_学习笔记9
- jetty配置jndi数据源
- Cipher Lock
- ubuntu下7z文件的解压方法