javascript - 如何在JavaScript中内联CSS | 如何在JavaScript中内联CSS

我已经在每行中使用了表格和对齐的图像。
按键时，我要在中心放大图像。
这是链接：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;高度：320像素；它有效，但不能正确重叠。

在我的链接中：
按下键1缩放第一张图片-查看其缩放方式
按下键2缩放第二张图片-查看其缩放方式

有区别吧？

我不介意坚持第二个，但是正在缩放的图像的底部很尴尬（希望它可以像图像的顶部一样缩放）

请帮助

最佳答案

如果您尝试更改样式表中的CSS，请尝试使用cssText

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
});

关于javascript - 如何在JavaScript中内联CSS，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20517994/