是否可以使用纯js动态修改css :nth-child属性?
.tile:nth-child(10n + 1) {
clear: both;
}
例如,像这样使用 js 添加
正如Pariket Thakur所说,你可以使用document.querySelector("your selectors")
.
如果要选择多个元素,请使用document.querySelectorAll("your selectors")
.
例如:
var elements = document.querySelectorAll("p:nth-child(2n+1)");
for (i = 0; i < elements.length; i++) {
elements[i].style.color = "red";
}
<p>Paragraph 1</p>
<p>Paragraph 2</p>
<p>Paragraph 3</p>
<p>Paragraph 4</p>
<p>Paragraph 5</p>
See W3学校 https://www.w3schools.com/jsref/met_document_queryselector.asp了解更多信息。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)