JavaScript 获取DOM元素（js获取元素的三种方法）

实例1：

获得元素节点




<script type="text/javascript">
//② document.getElementsByTagName(tag标签名称)
// 该方法会返回一个对象集合(无论对应的节点有几个)
var hh = document.getElementsByTagName('h2');
console.log(hh);//对象集合 HTMLCollection[h2]
//两种方式 可以从对象集合中 获得具体的一个元素节点对象
console.log(hh[0]); //

console.log(hh.item(0)); //

var ipt = document.getElementsByTagName('input');
console.log(ipt);//HTMLCollection[input#username 属性(attribute)值 = "tom", input#useremail 属性(attribute)值 = "tom@163.com"]
console.log(ipt.item(1));
</script>

关于节点的获取需待HTML加载完毕后, javascript代码才能执行;

为此可以使用DOM1事件机制、window.onload语句、将javascript语句放在HTML语句最后;

而DOM2事件机制(即事件监听函数)要放在window.onload语句中, 或者放在HTML语句最后;

实例2：

获得元素节点






<script type="text/javascript">
//③ document.getElementsByName(name属性值)
// 该方法会返回一个对象集合(无论对应的节点有几个)
var iut = document.getElementsByName('youxiang');
console.log(iut);//NodeList[input#useremail 属性(attribute)值 = "tom@163.com"]
//从集合对象获得具体节点对象有两种方式：
console.log(iut[0]);//
console.log(iut.item(0));//
</script>