DOM操作-获取节点-创建节点
来源:互联网 发布:数控机床的编程 编辑:程序博客网 时间:2024/05/16 06:31
DOM概述
DHTML=HTML+CSS+JS
HTML、XHTML、DHTML、XML
DHTML对象模型:
window:当前浏览器打开的窗口
document:当前正在打开的HTML文档
navigator:封装了浏览器软件的版本信息以及部分设置
history:封装了当前窗口成功浏览过的历史记录
location:当前窗口地址栏
screen:当前显示器
event:事件对象
BOM和DOM
BOM:浏览器对象模型,用来访问和操作浏览器窗口
DOM:文档对象模型,由W3C组织定义访问和操作的标准:可以对网页中任意对象做修改
核心DOM:操作所有结构文档(HTML XML)的通用API
HTML DOM:网页中一切对象(元素,文字,属性)
在内存中父子相连形成一颗DOM树
XML DOM
DOM操作: 增加节点、删除节点、修改节点、查找节点
DOM树:文档中每个元素、属性、文本、注释都是被看做一个节点-Node-所有节点对象的父类型
当网页被加载进内存时浏览器,浏览器会为网页创建一个document对象
所有的节点都是document的子节点
document对象封装了对网页中所有子节点的增加、删除、查找
整个文档就是一个文档节点 document node
每个html标签就是一个元素节点 element node
包含在html中的文本就是文本节点 text node
每个html属性就是一个属性节点 attribute node
注释属于注释节点 comment node
Node类型定义了三个公共属性
nodeName:用来获取元素节点的大写标签名称,如果是文本节点 返回#text
nodeValue:用来获取文本节点的文本内容
元素节点 返回的是 null
文本节点返回的才是 文本内容
nodeType:用来判断到底是什么节点
元素节点返回1
文本节点返回3
childNodes:获取当前节点的所有子节点,类数组对象
节点树: 元素树
.childNodes 获取当前元素点的所有子节点 .children
.firstChild 获取当前元素的第一个子节点 .firstElementChild
.lastChild 获取当前元素的最后一个子节点 .lastElementChild
.parentNode 获取当前节点的父节点 .parentElement
.previousSibling 获取当前节点的前一个同级节点 .previousElementSibling
.nextSibling 获取当前节点的后一个同级节点 .nextElementSibling
元素树:仅由元素组成的树
获取节点方法
点击 onclick双击 ondblclick划入 onmouseover划出 onmouseout移动 onmousemove获得焦点 onfocus失去焦点 onblur鼠标按下 onmousedown鼠标抬起 onmouseup
创建删除节点:
1、创建一个空元素对象
var newelemt =document.createElement(“标签名”);
2、设置必要属性
newelemt.属性名 = “值”
newelemt.innerHTML = “文本”;
3、把元素对象挂载到指定父元素下
parent.appendChild(newelemt)
插入:parent.insertBefore(新元素,旧元素);
删除:parent.removeChild(要删除的元素);
替换:parent.replaceChild(新元素,旧元素);
定时器:不需要用户触发可自动执行的一种机制
1、周期性定时器:按照固定时间间隔反复执行相同操作
1、定义任务函数
2、创建变量保存定时器
3、启动定时器
停止定时器clearInterval(timer)2、一次性定时器:等待一定时间执行一次,自动退出
- DOM操作-获取节点-创建节点
- js获取节点 dom操作
- js获取节点 dom操作
- js获取节点 dom操作
- js获取节点 dom操作
- js获取节点 dom操作
- js获取节点 dom操作
- js获取节点dom操作
- js获取节点 dom操作
- JS 获取节点 Dom操作
- 获取节点操作DOM树
- javascript中dom节点操作(创建节点、增加节点、删除节点、克隆节点)
- ZooKeeper_Java操作(创建节点/获取节点/删除节点)
- jquery DOM操作_创建节点
- DOM节点操作:创建,增加,克隆
- DOM创建XML节点
- DOM节点的创建
- 创建DOM新节点
- numpy中的axis=0,axis=1
- log4j 不同模块输出到不同的文件
- Ecilpse快捷键
- 安卓Notification和NotificationManager浅析
- PAT乙级1024. 科学计数法 (20)
- DOM操作-获取节点-创建节点
- 美团点评2017秋招笔试真题-运维工程师B
- 汇编语言字符串比较与查找
- 控制出兵波数及数量(协程)
- zookpeer 伪集群搭建及 C API使用
- 【POJ】1222
- POJ -2236 Wireless Network
- Windows服务器安装Memcache缓存服务及PHP扩展
- 深入理解Java:注解(Annotation)自定义注解入门