document获取节点byId&byName

<script
type="text/javascript">

/*
*需要：获取页面中的DIV节点；
*思路：
*通过docment对象完成。因为div节点有ID属性。所以可以通过ID属性来完成获取。
*/
function
getNodeDemo(){
var divNode =
document.getElementById("divid");
//节点都有三个必要的属性。节点名称、节点类型、节点值
//alert(divNode.nodeName+":"+divNode.nodeType+":"+divNode.nodeValue);
/*
*常见节点有三种：
*1、标签型节点：类型1
*2、属性节点：类型2
*3、文本节点：类型3
*/
//var
text =
divNode.innerHTML;
//alert(text);

divNode.innerHTML="哈哈，文本被我改掉了";
}

//获取文本框节点演示getElementsByName方法
function
getNodeDemo2(){
//var node =
document.getElementsByName("user");
//alert(node[0].value);

var
userNode =
document.getElementsByName("user")[0];
alert(userNode.value)
}

</script>

<!--
document对象的演示

该对象将标记型文档进行封装。
该对象的作用，是对可以标记型文档进行操作。

最常见的操作就是，想要实现动态效果，需要对节点操作，那么先获取到这个节点。

想要获取节点，必须要先获取到节点所属的文档对象，Document。

所以Document对象最常见的操作就是获取页面中的节点。

获取节点的方法体现：
1.getElementById()：通过标签的ID属性获取该标签节点。
2.getElementByName():通过标签的name属性获取节点，因为name有相同，所以返回的一个数组。
3.getElementByTagName()：
-->

<input type="button" value="演示Document对象获取节点" onclick="getNodeDemo2()"
/>
<div id="divid">这是一个DIV区域</div>
<input
type="text" name="user" />

document获取节点byId&byName,布布扣,bubuko.com