如何在javascript中内联css

我在每一行中使用了表格和对齐的图像。 按此键时，我想缩放中心的图像。 以下是链接：

我想把下面的代码放在一行

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）

代替：宽度：600px；高度：320px；它可以工作，但不能正确重叠

在我的链接中： 按1键缩放第一幅图像，查看其缩放效果 按2键缩放第二个图像-查看其如何缩放

这是有区别的，对吗

我不介意继续使用第二个，但图像的底部正在缩放，这很尴尬（希望它可以像图像的顶部一样缩放）

---

请帮助

尝试使用cssText，以防您试图更改样式表中的css

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

Incase jQuery

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

---

这很好，

scale

东西能以同样的方式工作吗？我的意思是，重叠部分在缩放时能像图像的顶部那样缩放吗？