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") 傳回指定的對象