JS中如何获取HTML中的值

在一个html页面生成的时候，js就已经把dom树创建好了

只要这棵树上有的数据，我们都可以通过js来获取使用

那么这个问题就变成js如何去查询dom树的节点了

js内置了以下几个查询节点的方法

document.getElementById("id")    //通过id来获取一个dom元素
document.getElementsByName("name")    //通过name属性来获取一个集合
document.getElementsByTagName("tag")    //通过标签来获取一个集合

如果要查找的元素本身有id，通过第一个方法可以直接获取，当我们得到了这个dom节点的时候就可以输出他的一系列数据了

举个栗子

var dom = document.getElementById("id");
//如果是图片
alert(dom.src);
//如果该dom有class
alert(dom.className);
//如果该dom有value
alert(dom.value);
//如果该dom有文本
alert(dom.innerHTML);
//输出dom的style
alert(dom.style.width);
//等等

当dom没有id的时候，我们就要依靠一些条件去找到我们想要的dom了

//寻找所有class为bold的div
var c = document.getElementsByTagName("div"), len = c.length, r = [];
for(var i=0;i    if(c[i].className == 'bold'){
        r.push(c[i]);
    }
}
//当得到了这些dom节点后，就可以用上面提到的方法继续访问每个dom的数据啦

运用function函数