作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
<分区>
所以我有这个 css:
tag[class*="samepart-"] {
/* css code for all html classes with "samepart-" in their class name */
}
用这个 html:
<div class="samepart-a">some html a</div>
<div class="samepart-b">some html b</div>
<div class="samepart-c">some html c</div>
现在我想在 JS 中获取所有带有“samepart-”的 html 类,而不需要向“samepart-”类添加额外的 html 类。
这是我尝试过的:
const htmlClasses1 = document.getElementsByClassName("samepart-");
console.log(htmlClasses1[0]);
const htmlClasses2 = document.getElementsByClassName('*["samepart-"]');
console.log(htmlClasses2[0]);
const htmlClasses3 = document.getElementsByClassName('[class*="samepart-"]');
console.log(htmlClasses3[0]);
const htmlClasses4 = document.getElementsByClassName(["samepart-"]);
console.log(htmlClasses4[0]);
div[class*="samepart-"] {
display: inline-block;
width: 120px;
height: 120px;
background-color: #00F;
color: #0FF;
}
<div class="samepart-a">some html a</div>
<div class="samepart-b">some html b</div>
<div class="samepart-c">some html c</div>
这个问题在这里已经有了答案: Best way to find DOM elements with css selectors (5 个答案) 关闭 5 年前。 所以我有这个 css: tag[cl
我是一名优秀的程序员,十分优秀!