Javascript 使用JS/Jquery在单独的文件上更改DIV id
嗨,我有点问题。我正在加载附属横幅,控制大小、宽度和其他输出的JS文件不能托管在我的服务器上(publisher不允许) 当前配置 我有一个div,里面有一个图像:Javascript 使用JS/Jquery在单独的文件上更改DIV id,javascript,jquery,html,css,xhtml,Javascript,Jquery,Html,Css,Xhtml,嗨,我有点问题。我正在加载附属横幅,控制大小、宽度和其他输出的JS文件不能托管在我的服务器上(publisher不允许) 当前配置 我有一个div,里面有一个图像: <div> <img src="someimage.jpg" id="img=" /> </div> 当你点击图片时,这个div会扩展成一个300像素宽和180像素宽的调查,人们可以填写并提交 问题是: 我无法触摸的JS文件具有图像的所有样式,我正在尝试使用与我的站点匹配的内容更改图像大小
<div>
<img src="someimage.jpg" id="img=" />
</div>
当你点击图片时,这个div会扩展成一个300像素宽和180像素宽的调查,人们可以填写并提交
问题是:
我无法触摸的JS文件具有图像的所有样式,我正在尝试使用与我的站点匹配的内容更改图像大小。因此,我在html文件(包含JS)中硬编码:
#img{height:100px;width:100px;}这很好,图像缩小到100x100,但问题是测量不再扩展,也被设置为100x100
因此,我正试图创造性地找到一种好方法,在不下载JS文件的情况下更改图像大小。因此,我想到了两种解决方案:
如果您有更好的方法,我洗耳恭听:)您可以在图像上使用一个类(更改id并不是那么优雅): 或内联
<div>
<img src="someimage.jpg" onclick="$(this).removeClass('imgClass');" id="img" class="imgClass" />
</div>
您可以发布到示例页面或JS源代码的链接吗?我认为JS没有理由不能更改div的高度。*我还假设id=“img=”是一个拼写错误,应该是id=“img”?在CSS中使用预定义的类时有没有问题?然后,只需对元素使用和即可更改它们的外观。为什么不将宽度和高度设置为img标记上的属性?
$("#img").bind("click",function(){
$(this).removeClass('imgClass');
});
<div>
<img src="someimage.jpg" onclick="$(this).removeClass('imgClass');" id="img" class="imgClass" />
</div>