DOM
来源:互联网 发布:selenium python教程 编辑:程序博客网 时间:2024/06/02 02:08
DOM访问节点
Document.documengElemrnt:返回HTML根元素
Var ohtml=document.documentElement;
Alert(ohtml.nodeName);
FirstChild:获取下级节点的第一个节点的节点名称
Othml.firstchild.nodeName也可以使用ohtml.childNodes[0].nodeName
lastChild:获取下级节点的最后一个节点的节点名称
childNodes[0]:获取某个节点的节点列表中的第一个节点
ohtml.childNodes[0].nodeName
childNodes.item(0):和上面的作用一样
childnodes.length:获取子节点数量(第一级子节点)
ohtml.childNodes.length
parentNode:获取节点的父节点
var ohtml = document.documentElement;
var ohead = ohtml.childNodes[0];
var obody = ohtml.childNodes[1];
alert(ohead.parentNode.nodeName);
alert(obody.parentNode==ohtml);
previousSibling:同级节点的上一个节点
nextSibling:同级节点的下一个节点
ownerDocument:指向节点所在的文档
var ohtml = document.documentElement;
var ohead = ohtml.childNodes[0];
var obody = ohtml.childNodes[1];
alert(obody.previousSibling.nodeName);
alert(ohead.nextSibling.nodeName);
getAttribute(name):获取节点中属性为name的属性(Attribute)
var li = document.getElementById('li1').childNodes[0];
alert(li.getAttribute('href'));
setAttribute(name,newvalue):将节点中属性为name的属性值更改为newvalue
li.setAttribute('href','http://www.baidu.com')
removeAttribute(name):删除节点中名称为name的属性
getElementsByTagName():返回一个列表,这些列表的特点是<后面的节点名称相同
var items = document.getElementsByTagName('a');
for (var i = 0; i < items.length; i++) {
alert(items[i].getAttribute('href'));
getElementsByName():获取name属性的值相同的元素,在选择单选按钮时很好用
getElementById()
注意:如果给定的元素匹配某个元素的name属性的值,则也会返回这个元素,当然如果有匹配的ID值,首先返回此元素,如果没有这个元素,则返回name属性的值匹配的元素
这一点在IE8中依然存在,算是IE的一个bug}
- DOM
- DOM
- dom
- dom
- DOM
- dom
- DOM
- DOM
- DOM
- DOM
- DOM
- dom
- dom
- Dom
- dom
- DOM
- DOM
- DOM
- Eclipse SQL Explorer 插件的安装
- EFM32片内外设--USART之UART Rx interrupt
- struts2.1.8 + spring2.5.6 + hibernate3.3.2整合的登陆 带 jar包
- 千山独行-一个人的创业路(连载一)
- PKU-MyString类作业-程设hw04-MyString1.cpp(重现)
- DOM
- HOJ The Colored Cubes
- Hadoop-0.20.0源代码分析(01)http://blog.csdn.net/shirdrn/article/details/4569702
- 页面刷新
- Linux中安装新的包时错误提示
- Struts1学习笔记(5)-----用DispatchAction类实现方法的动态分配
- TortoiseSVN的安装和配置
- Java网络编程之TCP协议下—上传文件到服务器程序
- 2012-03-09-3