多個樣式的Javascript

屬性我要申請多個樣式的元素，目前我有多個樣式的Javascript

document.getElementById("element1").style.top="1px"; 
document.getElementById("element1").style.marginLeft="0px"; 
| 
| 
| 
document.getElementById("element1").style.left="10px";

我該怎麼辦呢單行？像

document.getElementById("element1").style={"top":"1px","left":"0px"};

我想使用純Javascript而不是Jquery。可能嗎？

來源

2014-03-04 user3191903

-1

使用jQuery庫
使用CSS類

例子：

<style> 

.someClass { 
    top: 1px; 
    left: 0px; 
} 

</style> 

<script> 

$(document).ready(function(){ 

    $("#mydiv").addClass("someClass"); 

    $("#mydiv").removeClass("someClass"); 

}); 

</script> 

<html> 
<body> 
<div id="mydiv"></div> 
</body> 
</html>

祝你好運！

來源

2014-03-04 21:07:39 TchiYuan

從這樣一個問題：'我想用普通的JavaScript不Jquery' –

是的，對不起。讀得太快。試試這個：http://stackoverflow.com/questions/195951/change-an-elements-css-class-with-javascript – TchiYuan

document.getElementById("element1").style.cssText = "top: 1px; left: 0px;";

這應該工作，但它會覆蓋所有現有的內聯定義的樣式。

希望這會有所幫助。

來源

2014-03-04 21:11:16 nils

爲了避免覆蓋當前類，你可以不喜歡以下

document.getElementById("element1").style.cssText += "top: 1px; left: 0px;";

來源

2014-03-04 21:36:11 mcabrams

多個樣式的Javascript

回答

相關問題