javascript - 如何创建可更改html属性的点击函数？

我正在使用Jquery进行点击事件。当我更改css属性时很简单，但是我想更改（画布）HTML大小的元素之一。

我正在尝试单击并访问和更改此html代码-宽度和高度：

 <canvas id="testCanvas" width="755" height="500" > </canvas>

用这个jQuery

 $('#flipthehood').click(function(){
   console.log('hood flipped clicked');
   $getElementById('testCanvas').animate({width="200"}, 250);
 })

这是最好的方法吗？如果可以，请问一些语法建议，以使其正常工作吗？我收到意外的错误=号

非常感谢

最佳答案

在jquery中使用ID选择器获取元素，

document.getElementById('testCanvas')等效于$('#testCanvas')

.animate()的正确语法如下：

$('#testCanvas').animate({width:"200"}, 250);

关于javascript - 如何创建可更改html属性的点击函数？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30136066/