添加动态元素javascript时保持样式

时间:2018-04-28 22:37:47

标签: javascript css

所以我试图动态添加一些从pc上传到gallery div的图像。但是当我用他们的类名添加它们时,它们的样式是默认的,而不是它们的类样式。 我知道我可以在添加图像时动态添加样式,但类的样式非常大。有没有可能的方法我们可以添加类的样式,但不是在我们添加图像时?



.navbar-expand

.navbar-expand-lg




2 个答案:

答案 0 :(得分:0)

您可以利用CSS Combinator并仅将样式保留在CSS文件中。

后代组合' '

.p-grid-isotope img {
... 
}

如果'>'是直接孩子,请使用儿童组合img

答案 1 :(得分:0)

首先,在发布的示例中,您尝试将字符串附加到DOM节点。如果您要使用appendChild,则需要附加DOM节点。

您可以使用insertAdjacentHTML附加HTML字符串:

x[0].insertAdjacentHTML('afterend', appendedText);

对于CSS,您需要包含样式表的相关部分,以便我们查看是否存在问题。正如其他人所提到的,即使在动态插入的元素上也应该应用CSS样式。

我的猜测是appendedText中的标记出了问题,而且它与所需的CSS选择器不匹配。