js-----document//寻找节点
来源:互联网 发布:python进程和线程 编辑:程序博客网 时间:2024/05/17 20:40
寻找节点的方法://document的常用属性
1.根据文档的属性找节点
document.all返回所有的标签。
document.links返回带有href属性的标签
例如:
function writeurl (){
var linknodes=documents.links;
for(var i=0;i<linknodes.length;i++){
linknodes[i]="http://www.baidu.com";
}
}
例如:
funciton getAllnode(){
var allNodes=document.all;
for(int i=0;i<allNodes.length;i++){
document.write(allNodes[i].nodeName);
}
}
通过标签的属性找节点
document.getElmentById(“元素的id”);
document.getElementsByName(“元素的名字”);
document.getElementsByTagName("标签名")
例如
<input type="text" id="userName"/><input type="button" value="设置文本" onclick="showText()"/>
function showText(){
var usrNode=document.getElementById("userName");
usreNode.value="设置好了";
}
例如:
<img src=""/><img src=""/><img src=""/>
<input type="text" value="显示图片" onclick="showImg()" />
function showImg(){
var imgNodes=document.getElementsByTagName("img");
for(var i=0;i<imgNodes.length;i++){
imgNodes[i].src="6.jpg";
img.Nodes[i].width="100";
imgNodes.height="100";
}
}
3.通过关系找节点
关系有:父子关系,兄弟关系。
父子关系: parentNode
childNodes
fristChild
lastChild
兄弟关系: nextSibling获取当前节点的下一个节点:(兄节点)
perviousSibling获取当前节点的上一个节点(弟节点)
*/
var bodyNode=document.getElementsByTagName("body")[0];
//alert("父节点名字:"+bodyNode.parentNode.nodeName);
var children=bodyNode.childNodes;
alert(children.length);
for(var i=0;i<children.length;i++)
alert("子节点的类型:"+children[i].nodeName);
</script>
- js-----document//寻找节点
- js document.createTextNode()创建文本节点详解
- js document.createTextNode()创建文本节点详解
- document节点的操作
- DOM06---Document获取节点
- document获取节点
- document.js
- js document
- c#遍历寻找节点
- 树寻找根节点
- 寻找父节点
- 寻找左兄弟节点
- 寻找下一个节点
- 《JS高程(3)》DOM节点层次Document类型-第10章笔记(12)
- js简单算法——寻找文档中所有元素节点
- document节点的操作2
- document.creatTextNode()创建文本节点
- Javascript学习笔记(document节点)
- linux下安装boost
- javascript中值传递,地址传递,引用传递的问题。
- Activity使用小技巧
- Android 动画(二) 实战演示——仿网易新闻安卓端菜单栏动画
- JMX中一个MBean的异常
- js-----document//寻找节点
- Dreamweaver建立站点过程
- 10个Android开源个性化View控件
- Genymotion常见Bug
- 如何将字典的无序key按照A-Z排序
- oracle 实现 split 函数 (返回数组)
- Unix/Linux脚本中"set -e"的作用
- Java解析XML的四种方法
- Paxos算法