js-----document//寻找节点

寻找节点的方法：//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="设置文本" οnclick="showText()"/>

function showText(){

var usrNode=document.getElementById("userName");

usreNode.value="设置好了";

}

例如：

<img src=""/><img src=""/><img src=""/>

<input type="text" value="显示图片" οnclick="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>