如何在JavaScript中嵌入CSS

Question

我已經在每一行中使用了表格和對齊的圖像。 在按鍵上我想放大中間的圖像。 這裏是鏈接：http://fiddle.jshell.net/7Wn47/

我要放在下面的代碼在一行

image1.style.width="600px"; 
image1.style.height="320px"; 
image1.style.transition="2s"; 

喜歡的東西：

image1.setAttribute('style', 'width: 600px; height: 320px; translate(0,150px);z index:1;transition: 2s;transition-delay: 4s'); 

但是，這是行不通的。如果我使用：-webkit-transform：scale（1）

而不是：width：600px; height：320px;它可以工作，但不能正確重疊。

在我的鏈接： 按1鍵縮放第一圖像，看看它是如何放大 按2鍵放大第二圖像 - 看看它是如何放大

是有區別的吧？

我不介意堅持第二個，但其縮放圖像的底部是尷尬（希望它可以像放大圖像的頂部）

好心幫

Answer 1

嘗試使用cssText，櫃面如果你試圖更改CSS樣式表中

image1.style.cssText = 'width: 600px; height: 320px; 
         translate(0,150px);z index:1;transition: 2s;transition-delay: 4s'; 

櫃面jQuery的

$('#image1id').css({ 
    width: 600px, 
    height: 320px, 
    translate(0,150px), 
    zIndex:1, 
    transition: 2s, 
    transitionDelay: 4s 
});