如何在javascript中内联css

How to inline css in javascript

本文关键字：css javascript      更新时间：2024-06-13

我在每一行中都使用了表格和对齐的图像。按键时，我想缩放中心的图像。以下是链接：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转换：scale（1）

而不是：width:600px；高度：320px；它可以工作，但不能正确重叠。

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

有区别吧？

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

请帮助

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

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
});
相关文章：