如何使用随机css id设置元素的样式

Question

我想从我网站上呈现的外部表单（javascript）设置Id样式。问题是ID是随机的，如下所示：

1. 页面刷新一：div＃4-register-form-container57287c94e2312
2. 页面刷新二：div＃4-register-form-container35469e56e2278
3. 页面刷新树：div＃4-register-form-container6575c98e1274
4. 页面刷新四：div＃4-register-form-container25242e33e6584
5. 等......

如果我尝试在没有它的情况下设置它的随机数它将无效...是否可以设计样式？

Answer 1

您可以使用使用 ^=运算符启动并将id分组到[]中： -

div[id^="4-register-form-container"] {
  height: 50px;
  border: 1px solid red;
}

<div id="4-register-form-container25242e33e6584">

</div>

Answer 2

是的。使用[id~="-register-form-container"]等CSS选择器 阅读here有关选择器的更多信息。

Answer 3

使用[attribute^=value] CSS选择器。

ie div[id^="div#4-register-form-container"] - 选择id属性值以div#4-register-form-container开头的每个元素

＆＃13;

＆＃13;

div[id^="div#4-register-form-container"] {
  color: red;
} 

＆＃13;

<div id="div#4-register-form-container57287c94e2312">
  Random div 1
</div>

<div id="div#4-register-form-container35469e56e2278">
  Random div 2
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 4

您可以使用jQuery $('div[id^=div#4-register-form-container]')或document.querySelectorAll('[id^="4-register-form-container"]');尝试本机JS