Javascript 如何将css应用于没有类的div?
我正在用HTML创建一些设计部分。我有两个div。两个div元素都是通过java脚本生成的。第一个div有一个类,第二个div没有任何类或id。我想对第二个div应用样式Javascript 如何将css应用于没有类的div?,javascript,html,css,Javascript,Html,Css,我正在用HTML创建一些设计部分。我有两个div。两个div元素都是通过java脚本生成的。第一个div有一个类,第二个div没有任何类或id。我想对第二个div应用样式 <div class="class_name"></div> <div style="display:block;"></div> 应用样式后,第二个div样式将为style=“display:none;” 请建议。假设在创建两个div元素之前没有其他div: docume
<div class="class_name"></div>
<div style="display:block;"></div>
应用样式后,第二个div样式将为style=“display:none;”
请建议。假设在创建两个
div
元素之前没有其他div
:
document.getElementsByTagName("div")[1].style.color = "blue";
假设在创建两个
div
元素之前没有其他div
:
document.getElementsByTagName("div")[1].style.color = "blue";
您可以为第二个
div使用:not
选择器:
div:not([class="classname_of_the_first_div_here"]){}
或者更简单:
div:not(.classname_of_the_first_div_here)
您可以为第二个div使用:not
选择器:
div:not([class="classname_of_the_first_div_here"]){}
或者更简单:
div:not(.classname_of_the_first_div_here)
在第二个div中使用style属性
<div id="div1" style="display:block;"></div>
在第二个div中使用style属性
<div id="div1" style="display:block;"></div>
您可以使用CSS解决此问题,无需使用javscript,您可以尝试使用CSS:
要瞄准下一个部门,您需要:
.FirstClassName + div{
/*your style goes here */
}
要将给定类名后的父类中的所有div作为目标,请执行以下操作:
.FirstClassName ~ div{
/*your style goes here */
}
您可以使用CSS解决此问题,无需使用javscript,您可以尝试使用CSS:
要瞄准下一个部门,您需要:
.FirstClassName + div{
/*your style goes here */
}
要将给定类名后的父类中的所有div作为目标,请执行以下操作:
.FirstClassName ~ div{
/*your style goes here */
}
如果它只有两个div,则使用最后一个子属性
yourparent div:last-child
{
your style
}
如果它只有两个div,则使用最后一个子属性
yourparent div:last-child
{
your style
}
您基本上有三个选项(可能更多,但我们需要一些代码)
首先,使用元素选择器但这意味着您正在为页面上相同类型的所有元素设置样式
div { background: red; }
第二个选项,为所有没有class属性的div设置样式:
div:not([class]) { background: green; }
最后但并非最不重要的一点是,设置一个div的样式,该div是另一个元素的子元素。如果您的文档结构构建正确,那么这很可能就是解决问题的方法
div.parent > div { background: blue; }
签出您基本上有三个选项(可能更多,但是我们需要一些代码)
首先,使用元素选择器但这意味着您正在为页面上相同类型的所有元素设置样式
div { background: red; }
第二个选项,为所有没有class属性的div设置样式:
div:not([class]) { background: green; }
最后但并非最不重要的一点是,设置一个div的样式,该div是另一个元素的子元素。如果您的文档结构构建正确,那么这很可能就是解决问题的方法
div.parent > div { background: blue; }
签出通过javascript添加div时,同时向其添加样式第一个div的类名是什么?有什么原因不能添加类吗?此外,css中有许多不同的选择器,用于以多种不同的方式选择元素,这取决于HTML的结构,因此了解这一点很有用?任何其他的解决方案都是毫无必要的民谣。这两部电影之间的关系是什么。。?发布相应的html结构。当通过javascript添加div时,同时添加样式。第一个div的类名是什么?有什么原因不能添加类吗?此外,css中有许多不同的选择器,用于以多种不同的方式选择元素,这取决于HTML的结构,因此了解这一点很有用?任何其他的解决方案都是毫无必要的民谣。这两部电影之间的关系是什么。。?发布相应的html结构。为什么不干脆div:not(.class\u of_first)
?@Patsy Issa:not使其具有说明性。)为什么不干脆div:not(.class\u of_first)
?@Patsy Issa:not使其具有说明性。)“在类出现后针对所有div:“…?@TJ它意味着给定类名后单个父类中的所有div!“要在类发生后将所有div作为目标:“…?@TJ”表示给定类名后单个父级中的所有div!