dom(document object model)文档对象模型事件
2017-03-29 16:06
435 查看
1:javascript dom 操作
dom (document object model)
1.document.getElementById(id名)
返回一个html的元素对象 通过这个html的元素对象可以获取元素的信息, 也可以改变里面的属性
2.document.getElementsByName(name名)
根据标签的name属性 获取一组同名的 htmlElement对象数组
var favs =document.getElementsByName("fav")
返回一个名为favs的数组
3.document.getElementsByTagName(“html标签名aa”)
根据标签的TagName属性 获取一组html标签名为aa的对象数组
4.document.getElementsByClassName(“类名”)
根据标签的ClassName属性 获取一组html标签类样式为类名的对象数组
可以获取元素的信息
.tagName 获取html的元素对象的标签名
.id 获取html的元素对象的id名
.innerHTML 获取html的元素对象里面的内容
.style.xxz 获取html的元素对象样式中某个属性的值
.className 获取html的元素对象样式的类名
如果元素是input或者 select 或者textarea
.value 来获取表单元素里面的值
可以改变里面的属性
.tagName=“新的标签名”
.id=“”
.innerHTML=“”
.style=“”
.className=“”
操作跟本htmlelement对象相关的元素的属性
.childNodes 获取该元素的子节点
.firstChild 获取第一个子节点
.lastChild 获取最后一个节点
.parentNode 获取父节点
动态创建一个新的节点 添加 删除 节点
1.添加 节点
var obj =document.createElement(“标签名”);
获取一个父节点
var parent =document.getElementById(id名);
parent.appendChild(obj) 往parent节点 上追加一个obj节点
2.删除 节点
获取一个父节点
parent.appendChild(obj) 往parent节点 上删除一个obj节点
动态操作表格
在表格对象中 insertRow() 插入一行
在表格对象中 deleteRow(index) 删除index位置的那一行
在表格对象中 rowIndex 来获取动态分配行号
在tr对象中 insertCell() 插入一列
定时调度函数
1:setInterval(“被调函数”,时间毫秒单位);
指定 时间 之后重复调用被调函数
var timer =setInterval("fn()",1000) 每隔一秒调用fn()函数一次
遇到 clearInterval(timer):停止调用
2:setTimeOut(“被调函数”,时间毫秒单位);
指定 时间 之后调用一次
var timer =setTimeOut("fn()",1000) 隔一秒调用fn()函数一次
遇到 clearTimeout(timer) 停止调用
dom (document object model)
1.document.getElementById(id名)
返回一个html的元素对象 通过这个html的元素对象可以获取元素的信息, 也可以改变里面的属性
2.document.getElementsByName(name名)
根据标签的name属性 获取一组同名的 htmlElement对象数组
var favs =document.getElementsByName("fav")
返回一个名为favs的数组
3.document.getElementsByTagName(“html标签名aa”)
根据标签的TagName属性 获取一组html标签名为aa的对象数组
4.document.getElementsByClassName(“类名”)
根据标签的ClassName属性 获取一组html标签类样式为类名的对象数组
可以获取元素的信息
.tagName 获取html的元素对象的标签名
.id 获取html的元素对象的id名
.innerHTML 获取html的元素对象里面的内容
.style.xxz 获取html的元素对象样式中某个属性的值
.className 获取html的元素对象样式的类名
如果元素是input或者 select 或者textarea
.value 来获取表单元素里面的值
可以改变里面的属性
.tagName=“新的标签名”
.id=“”
.innerHTML=“”
.style=“”
.className=“”
操作跟本htmlelement对象相关的元素的属性
.childNodes 获取该元素的子节点
.firstChild 获取第一个子节点
.lastChild 获取最后一个节点
.parentNode 获取父节点
动态创建一个新的节点 添加 删除 节点
1.添加 节点
var obj =document.createElement(“标签名”);
获取一个父节点
var parent =document.getElementById(id名);
parent.appendChild(obj) 往parent节点 上追加一个obj节点
2.删除 节点
获取一个父节点
parent.appendChild(obj) 往parent节点 上删除一个obj节点
动态操作表格
在表格对象中 insertRow() 插入一行
在表格对象中 deleteRow(index) 删除index位置的那一行
在表格对象中 rowIndex 来获取动态分配行号
在tr对象中 insertCell() 插入一列
定时调度函数
1:setInterval(“被调函数”,时间毫秒单位);
指定 时间 之后重复调用被调函数
var timer =setInterval("fn()",1000) 每隔一秒调用fn()函数一次
遇到 clearInterval(timer):停止调用
2:setTimeOut(“被调函数”,时间毫秒单位);
指定 时间 之后调用一次
var timer =setTimeOut("fn()",1000) 隔一秒调用fn()函数一次
遇到 clearTimeout(timer) 停止调用
相关文章推荐
- DOM(Document Object Model)文档对象模型的介绍
- DOM (文档对象模型(Document Object Model)
- DOM,Document Object Model文档对象模型
- DOM (Document Object Model)文档对象模型
- DOM(Document Object Model)文档对象模型
- 文档对象模型DOM(Document Object Model),dom操作元素
- 什么是DOM(Document Object Model)文档对象模型
- 什么是DOM(Document Object Model)文档对象模型
- (3)选择元素——(2)文档对象模型(The Document Object Model)
- DOM 文档对象事件模型及示例 转
- DOM文档对象模型-THML/CSS/事件
- 文档对象模型(Document Object Model)
- 文档对象模型DOM和自定义对象以及事件
- DOM 文档对象模型 DOM(Document Object Model)
- DOM (文档对象模型(Document Object Model))
- DOM 文档对象事件模型及示例
- 文档对象模型DOM――Document Object Model
- DOM---文档对象模型(Document Object Model,简称DOM)
- DOM 文档对象事件模型及示例
- DOM (文档对象模型(Document Object Model))