javascript - 如何创建更改 html 属性的点击功能？

Question

我正在使用 Jquery 来制作点击事件。当我更改 css 属性时很简单，但我试图更改( Canvas )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);   
 })

这是解决问题的最佳方法吗？如果是这样，我能否就语法提出一些建议以使其正常工作？我收到意外 = 符号错误

非常感谢

Answer 1

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

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

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

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