替换html元素jquery的样式

Question

在下面的html元素中，

<canvas style="padding: 0px; margin: 0px; border: 0px none; background: transparent none repeat scroll 0% 0%; position: absolute; top: 0px; left: 0px; width: 1017.5px; height: 226.5px;" ></canvas>

我只需要将style属性中的width和height替换为其他值。如何使用jQuery实现这一目标？

...谢谢

Answer 1

<canvas style="padding: 0px; margin: 0px; border: 0px none; background: transparent none repeat scroll 0% 0%; position: absolute; top: 0px; left: 0px; width: 1017.5px; height: 226.5px;" ></canvas>

更改width和height

做

$('canvas').width(w).height(h);

这些w和h是新值，应该位于px。

Answer 2

您也可以使用css()参数

更改此设置

＆＃13;

＆＃13;

newWidth = 400;
newHeight= 400;
$("canvas").css({width:newWidth, height:newHeight})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<canvas style="padding: 0px; margin: 0px; border: 0px none; background: #000 none repeat scroll 0% 0%; position: absolute; top: 0px; left: 0px; width: 1017.5px; height: 226.5px;" ></canvas>

＆＃13;

＆＃13;

＆＃13;