JS如何操作class选择器的样式
在学习前端的知识的时候，发现使⽤JS⽆法操作class选择器的样式，刚开始还以为是js没有设置，只有在jquery可以操作呢？
看了⼀些相关⽂章才清楚：
var box = ElementsByClassName("box"); box.value; //返回undefined
1var box = ElementsByClassName("box"); 2 box[0].value; //返回 box的内容
1 <!DOCTYPE html>
2 <html>
3 <body>
4
5 <p id="p1">Hello World!</p>
jquery修改html内容
6 <p class="p2">Hello World!</p>
7
8 <script>
ElementById("p1").lor="blue";
10
11var ElementsByClassName("p2");
12 sd[0].lor="red";
13 sd[0].style.fontSize="30px";
14
15 </script>
16
17 <p>上⾯的段落已被⼀段脚本修改。</p>
18
19 </body>
20 </html>
jquery的操作⽅式是$(classSelector)，获取的是需要的那个对象
⽽我在使⽤JS忽略了最重要的class可复⽤，id不可复⽤原则。
所以js之前没做getElementByClassName也是出于严谨的考虑，现在ElementsByClassName返回数组应该也是出于严谨的考虑。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。