使用JS / Jquery在单独的文件上更改DIV id

Question

嗨，我有一个问题。我正在加载联盟横幅，控制大小，宽度和其他输出的JS文件无法托管在我的服务器上（发布者不允许）。

当前配置

我有一个带有图像的div：

<div>
<img src="someimage.jpg" id="img=" />
</div> 

当你点击图片时，这个div扩展为300px宽度和180宽度的调查，人们可以填写并提交。

所以这就是问题所在：

我无法触摸的JS文件具有图像的所有样式，我正在尝试使用与我的网站匹配的内容来更改图像大小。所以我在我的html文件中（包括JS）我硬编码：     #img {高度：100像素;宽度：100px;}这个工作正常，图像减少到100x100，但问题是调查不再扩展，也设置为100x100。

因此，我正在尝试创造性地找到一种在不下载JS文件的情况下更改图像大小的好方法。所以我有两种解决方案：

1. 使用JS调用设置高度和宽度的函数并覆盖它
2. 使用JS调用ID并在html中更改它。

如果你有更好的方式，我会全神贯注：）

Answer 1

你可以在图像上使用一个类（改变id不是那么优雅）：

 .imgClass{height:100px; width:100px;}


<div>
    <img src="someimage.jpg" id="img" class="imgClass" />
</div> 

在图片的onclick事件中，您可以删除该类：

$("#img").bind("click",function(){
    $(this).removeClass('imgClass');
});

或内联

 <div>
    <img src="someimage.jpg" onclick="$(this).removeClass('imgClass');" id="img" class="imgClass" />
</div>