把 .xyz { width: 100px } 改成 200px; 怎么通过 getElementById 的方式修改 class 中 xyz 的 样式？
<div id="id123" class="abc zyz">hello</div>
.abc { font-size: 18px; }
.xyz { width: 100px; }
(getElementByclassname 的话，页面中 xyz 的总数不好确定，所以不想通过这个方式获取）
推荐关注
› Meteor
› JSLint - a JavaScript code quality tool
› jsFiddle
› D3.js
› WebStorm
推荐书目
› JavaScript 权威指南第 5 版
› Closure: The Definitive Guide
› Closure: The Definitive Guide
This topic created in 2450 days ago, the information mentioned may be changed or developed.
 |
imn1Feb 28, 2020
1
你是要 runtime 还是永久更改？
前者不需要理会 class，后者不是 javascript 的事 |
|
4
|
1 |
wangchengFeb 28, 2020
5
````javascript
const styleEl = document.createElement('style'); document.head.appendChild(styleEl); styleEl.sheet.insertRule('.xyz { color: red }'); ```` |
 |
xzh654321Feb 28, 2020
6
你意思想修改 id=123 且 class=xyz 的 div 的样式？
|
|
wangchengFeb 28, 2020
7
没明白你的目的是啥。
如果是想修改所有 class 为 xyz 的样式，那直接修改就好了。跟 getElementById 有什么关系？ 如果是想修改 id123 这个元素的样式，直接修改它的样式就好了，为什么非要通过修改 xyz 这个 class 的样式来修改？ |
 |
ironMan1995Feb 28, 2020 via Android
8
可以用 querySelectorAll 或者 querySelector，不建议使用 getElementByClassName
|
 |
ZredoCFeb 28, 2020
9
#8 对的，看了下文档 querySelectorAll 是 H5
css 后定义的样式会覆盖掉原有的样式啊，有点没看懂到底想说啥 ``` // 获取所有使用了 xyz 样式的元素数组 var elements = document.querySelectorAll(".xyz"); // 遍历修改 for (var i = 0; i < elements.length; i++) { elements [i].style.width = 200px; } ``` 为什么会不好确定数量呢，总数不都是数组对象的 length 属性么 |
 |
randyoFeb 28, 2020 via Android
12
不能改已写好的 CSS 文件，只能用新样式覆盖
|
 |
jinliming2Feb 28, 2020 via iPhone
13
> “ 页面中 xyz 的总数不好确定”？
首先，改某个 class 的样式，肯定是全局生效的（不考虑 shadowRoot ），所以你不可能单独改一个 element 上面 .xyz 的样式。 然后，改 class 样式的话，可以创建一个 style 标签，里面写覆盖样式，然后插入到 body 的最后面。 如果你只是想改单独的这一个 element 的样式的话，getElementById 之后，直接 element.style.width='200px' 就行。 |
 |
ajaxfunctionFeb 28, 2020
14
你需要 jQuery
|
 |
mostkiaFeb 28, 2020
15
建议准备好需要的 style，然后改 class 名称调用就可以了。只有未知的或者是实时计算得出的 style 才没法预先写到 css 文件里。
|
 |
mxT52CRuqR6o5Feb 28, 2020 via Android
16
直接行内样式怼上去里就完事了
|
 |
ChemistFeb 29, 2020
17
定义一个新的样式
.xyz .width200 { width: 200px; } 然后给 element 加个 width200 的 class |
Select Language