需要将Javascript放入CSS

时间:2017-05-19 19:59:42

标签: javascript html css

我有JavaScript代码和css代码。我需要将JavaScript放入CSS

JavaScript -

function load(){
    var userAgent = navigator.userAgent.toLowerCase();
 if (userAgent .indexOf('safari')!=-1){
   if(userAgent .indexOf('chrome')  > -1){

   }else{

  **//NEED ADD CODE HEARE**

   }
  }
}

css代码 -

nav#good {margin-top:-22px;}

地方帮帮我朋友..

(我只需要工作css safari浏览器)

2 个答案:

答案 0 :(得分:3)

您可以使用JavaScript设置内联CSS样式:

document.getElementById('good').style.marginLeft = "-22px";

参见下面的示例:

document.getElementById('good').style.marginLeft = "-22px";
.container {
  width: 200px;
  margin: 0 auto;
  background-color: black;
}

#good {
  color: gray;
}
<div class="container">
  <p id="good">Hey i'm margin-left: -22px</p>
</div>

答案 1 :(得分:0)

StefanBob的答案就是你要找的。确保在页面加载后放置脚本标记,方法是将脚本标记放在html页面的末尾,或者使用window.onload事件

另外请确保您通过marginTop更改marginLeft。