JavaScript如何获取节点

对于javascript,大学里有过学习，只可惜选择了做Android之后，所谓的JavaScript，也慢慢忘却了，不过基础还是存在的，毕竟编程语言除了自身的特有性质有所不一，其实大部分还是融汇贯通的，比如，语法啊，什么变量，常量的，运算符等等，都是差不多的。所以啊，掌握一门语言之后，再去进军到其他语言，是非常容易的。

前端开发中，比如说，账号，密码，简介什么的输入框，往往我们要得到其中用户输入的信息，以便于我们拿来进行操作，那么如何去获取输入框的节点呢。

下面是实现上面输入框的标签语言

那么通过JS该如何去获取节点呢，获取节点的方式有很多，一般都用document来获取，可以用到的方法有：:

getElementById:根据id返回的是一个标签(节点,元素)对象
getElementsByName:根据name返回一组标签的对象,返回的是一个对象集合
getElementsByTagName:根据标签名称返回一组标签对象,返回的是一个对象集合

上面我们定义了点击的三个方法 demo1,demo2,demo3,接下来我们对其一一实现

function demo1() {
//根据id获取input的对象
var node = document.getElementById("username");
//alert(node);
alert(node.type);
alert(node.value);
} 

function demo2() {
var node = document.getElementsByName("username")[0];
alert(node.value);
}

function demo3() {
var nodeList = document.getElementsByTagName("input");
for(var x = 0;x < nodeList.length;x++) {
if(nodeList[x].id == "username") {
alert(nodeList[x].value);
}
}
}