JS如何操作class選擇器的樣式

在學習前端的知識的時候，發現使用js無法操作class選擇器的樣式，剛開始還以為是js沒有設定，只有在jquery可以操作呢？

document.getelementsbyclassname拿到的是陣列並非某乙個物件

var box = document.getelementsbyclassname("box"); box.value; 

//返回undefined 1
var box = document.getelementsbyclassname("box"); 
2 box[0].value; //
返回 box的內容

123

45hello world!
6hello world!
7816
17上面的段落已被一段指令碼修改。
jquery的操作方式是$(classselector)，獲取的是需要的那個物件
而我在使用js忽略了最重要的class可復用，id不可復用原則。
所以js之前沒做getelementbyclassname也是出於嚴謹的考慮，現在document.getelementsbyclassname返回陣列應該也是出於嚴謹的考慮。
octopus22 閱讀(
...) 
編輯收藏 
				
Id選擇器和Class選擇器
如果你要在html元素中設定css樣式，你需要在元素中設定 id 和 class 選擇器。id 選擇器可以為標有特定 id 的 html 元素指定特定的樣式。html元素以id屬性來設定id選擇器,css 中 id 選擇器以 來定義。注意 id 屬性只能在每個 html 文件 現一次。class 選...
				
jquery id選擇器和class選擇器的區別
hello world size 方法返回dom物件的個數 hello world id是唯一的，即使有多個id相同的元素，jquery選擇器也只能獲取其中乙個 所以 想在jquery中對id設定動作，id在頁面中只允許出現一次。對於css樣式來說，可以選取頁面中所有id box的dom物件 相容性...
				
屬性選擇器 class
選擇器 描述 attr 用於選取帶有指定屬性的元素 attr value 用於選取帶有指定屬性和值的元素 attr value 用於選取屬性值中包含指定詞彙的元素 attr value 用於選取帶有以指定值開頭的屬性值的元素，該值必須是整個單詞 attr value 匹配屬性值以指定值開頭的每個元素...