html调用js中对象参数,javascript 获取HTML DOM对象八种方式

获取DOM对象有7种方式：

1.document.getElementById('id');//返回结果是一个对象，如果存在两个标签拥有相同id，则返回第一个标签对象。

2.document.getElementsByTagName('标签名')；//返回结果是一个对象集合，以数组形式放在一起

3.document.getElementsByName('标签name属性的值')；//返回结果是一个对象集合，以数组形式放在一起

4.document.getElementsByClassName('类名');返回一个对象集合，以数组形式放在一起。

5.通过this参数给函数传递受监控对象给函数。

6.document.querySelectorAll(".cell");//类选择器

7.document.querySelectorAll("td");//标签选择器

8.document.querySelectorAll("#btn1");//地址选择器

1.document.getElementById();

#myBtn{height: 100px;width: 100px;background:#eeeeee;border: 1px,solid black;}

aaaaaaaaaa

bbbbbbbbb

cccccccc

ddddddddddd

function get(){

//document.getElementById('myBtn') 通过id号获取对象

var x=document.getElementById('myBtn');//返回一个对象，多个相同id，选择第一个

alert(x.innerHTML);

}

2.document.getElementsTagName('标签名')；

#myBtn{height: 100px;width: 100px;background:#eeeeee;border: 1px,solid black;}

aaaaaaaaaa

bbbbbbbbb

cccccccc

ddddddddddd

function get(){

//document.getElementsByTagName('myBtn') 通过标签名获取

var x=document.getElementsByTagName('div');//返回一个对象集合，