js选择对象

js是基础语言， 语言道路上无捷径可走，基础牢些，才能走得远些

1、class

css: .xxx{display:none;......}

document.getElementsByClassName("xxx")

返回页面所有xxx类名对象的数组，要想取出其中的一个对象需采用数组的标识[i]， document.getElementsByClassName("xxx")[i]，否则无返回结果。

注意：对象与对象的属性的区别，不要把对象的属性当作对象去调用，否则无功而返。

var obj=document.getElementsByClassName("xxx"); //对象

var objAttr=document.getElementsByClassName("xxx").style.display

例如：

var divBar=document.getElementsByClassName("bar").style.display;

if (divBar=="inline-block") {divBar="none";} //no action

else {divBar="inline-block";} // no action

正确设置：

var divBar=document.getElementsByClassName("bar");

if (divBar[0].style.display=="inline-block") {divBar[0].style.display="none";}

else {divBar[0].style.display="inline-block";}

遍历：

var x = document.getElementsByClassName("xxx");

var i;

for(i =0; i < x.length; i++) { x[i].style.display ="block";}

2。#xxx[...]

document.getElementsById("xxx") 返回指定的对象