如何在一行javascript代码中做多个css类
How to do mutiple css class in one line javascript code
我有css类名- .exp-1, .exp-2, .exp-3, exp-4…有没有什么简单的方法可以把这些都写在网上比如,我是javascript初学者
document.getElementsByClassName("exp-1")[0];
document.getElementsByClassName("exp-2")[0];
document.getElementsByClassName("exp-3")[0];
document.getElementsByClassName("exp-4")[0];
document.getElementsByClassName("exp-1,exp-2,exp-3, exp-4")[0];
你可以先使用querySelector,然后再使用类似css的选择器。它返回所有选定元素中的第一个元素。如果你想返回所有你可以使用querySelectorAll
document.querySelector(".exp-1,.exp-2,.exp-3,.exp-4");
您可以使用starts with
选择器
document.querySelectorAll('[class^=exp-]')
示例
Array.from(document.querySelectorAll('[class^=t]'), function(el) {
console.log(el.innerHTML)
})
<div class="t1">1</div>
<div class="t2">2</div>
<div class="t3">3</div>
<div class="t4">4</div>
相关文章:
- 创建一个循环来简化HTML和CSS代码
- 如何将css代码放在javascript中
- 我的CSS/Javascript下拉菜单测试代码出了什么问题
- 在Scroll上更新CSS代码:简化它就不会了'不要使用JQuery和最简单的Javascript
- 如何为下面的给定代码提供外部 CSS
- 如何在jQuery.CSS()方法中为所有浏览器编写CSS代码
- Html、css和jQuery.我的代码有问题
- 如果.htaccess文件中只写了一行代码,那么我所有的css和js都不起作用,如何修复它
- 需要帮助调整 Fiddle 代码以使用 Javascript 和 CSS 折叠/展开 Div
- PHP 代码中的 CSS 弄乱了 IE9 中的布局
- 如何在样式元素中获取 CSS 代码
- 这段代码有什么问题(responsible html-css-js)
- 什么'这段用javascript移动css元素的代码错了
- 相同的css和HTML代码,但在两页上看起来不同
- 无法在DIV上使用JavaScript执行CSS代码
- 无法使用我的代码(html/js/css)初始化网络摄像头
- 有没有一种方法可以制作一个prezi,然后以某种方式将其转换为html和css类型的代码
- 在打印代码中不读取Css
- 没有对CSS使用外部样式表,导致我的代码无法执行
- 如果主 CSS 代码是在客户端生成的,可以吗?