Fatal编程技术网
  • javascript/
  • Don'；t删除元素上现有的css-Javascript

Don'；t删除元素上现有的css-Javascript

javascript html css

Don'；t删除元素上现有的css-Javascript,javascript,html,css,Javascript,Html,Css,我的元素上已经有了一些css样式（我的元素有1500px的高度）。但是当我尝试更改它的颜色时，高度被放置的颜色替换，因此我的元素的高度被删除 代码如下： document.getElementById("tabcmp0").style.backgroundColor = "#e9e9e9"; 但是我不想用现有的css样式替换背景色，我只想把这个背景色添加到已经存在的css中，请怎么做？我不这么认为，这个（document.getElementById（“tabcmp0”）.style.back

我的元素上已经有了一些css样式（我的元素有1500px的高度）。但是当我尝试更改它的颜色时，高度被放置的颜色替换，因此我的元素的高度被删除

代码如下：

document.getElementById("tabcmp0").style.backgroundColor = "#e9e9e9";
但是我不想用现有的css样式替换背景色，我只想把这个背景色添加到已经存在的css中，请怎么做？

我不这么认为，这个（
document.getElementById（“tabcmp0”）.style.backgroundColor=“#e9e9”
）将用以前的css替换你的css，但是你可以做以下事情

有多种方法可以解决您的问题

1：在javascript中添加类

在css中

.class{
  background-color:#e9e9e9;
  height:1500px !important;
}
在JS中

2：如果您使用的是jquery

如果你想使用多个css

$（'tabcmp0'）.css（{'background-color'：'e9e9e9'，'height'：'1500px'）

希望这能解决你的问题

当您编辑您的问题时，我的答案将被更改，并且您在特定元素上一次只能有一种css颜色

现在可以做的是在元素中添加2
，并分别在两个div上添加css

像

我已经测试过了，它不应该覆盖您现有的样式。 你可以在行动中检查它

这是代码（也许你可以用它来找出你遗漏了什么或者是什么导致了你的问题）


#民主阶级{
颜色：红色；
字体大小：100px；
}
你好，世界
单击按钮将id背景样式添加到h1元素

试试看
函数myFunction（）{
document.getElementById（“democlass”）.style.backgroundColor=“#e9e9e9”；
}
请注意，添加
背景色时，
字体大小不会改变


一个元素可以有多个背景图像，但始终只有一种背景颜色。因此，无论您尝试什么，这都是不可能的。在内联样式中添加背景色不会影响元素的高度-请在问题中添加代码，以演示您在浏览器的debogger上提出的这种奇怪行为，我可以看到高度被背景色替换了..高度是这样设置的
var doc=document.getElementById（“tabcmp”+i）；文档设置属性（“样式”，“高度：+720+“px”），而不在css文件中。我可以告诉你，前面放置的css被一行
document.getElementById（“tabcmp0”）.style.backgroundColor=“#e9e9e9”取代…想象一下，我已经在我的代码中添加了以下内容：
var doc=document.getElementById（“tabcmp”+i）；文档设置属性（“样式”，“高度：+720+“px”）。我怎么能告诉他添加太多的背景色而不替换它@DennisFeldbusch@ZahreddineLaidi然后你应该继续这样做：
doc.setAttribute（“style”，“backgroundColor:#e9e9e9”）；
它取代了我之前的身高@DennisFeldbusch@ZahreddineLaidi尝试类似于
doc.setAttribute（“style”、“backgroundColor:#e9e9e9；height:+720+“px”）
如果您已经将所有css样式放在css文件中，则不会覆盖现有样式，但如果您使用javascript创建所有css样式，则会覆盖它..：（然后我们需要查看更多代码。请使用javascript附加样式。

var element = document.getElementById("tabcmp0");
    element.classList.add("class");



$('#tabcmp0').css({'background-color':'#e9e9e9'});



<myElement>
   <div stlye="your backgroundcolor">
   </div>
   <div stlye="your backgroundcolor">
   </div>
</myElement>



<!DOCTYPE html>
<html>
<head>
<style>
#democlass {
    color: red;
    font-size:100px;
}
</style>
</head>
<body>
<h1 id="democlass">Hello World</h1>
<p>Click the button to add an id background style to the h1 element.</p>
<button onclick="myFunction()">Try it</button>

<script>
function myFunction() {
    document.getElementById("democlass").style.backgroundColor = "#e9e9e9"; 
}
</script>

</body>
</html>



Object.assign(yourelement.style,{backgroundColor:"#e9e9e9",height:"1500px"});