Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/364.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用JS/Jquery在单独的文件上更改DIV id_Javascript_Jquery_Html_Css_Xhtml - Fatal编程技术网

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

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文件具有图像的所有样式,我正在尝试使用与我的站点匹配的内容更改图像大小

嗨,我有点问题。我正在加载附属横幅,控制大小、宽度和其他输出的JS文件不能托管在我的服务器上(publisher不允许)

当前配置

我有一个div,里面有一个图像:

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

当你点击图片时,这个div会扩展成一个300像素宽和180像素宽的调查,人们可以填写并提交

问题是:

我无法触摸的JS文件具有图像的所有样式,我正在尝试使用与我的站点匹配的内容更改图像大小。因此,我在html文件(包含JS)中硬编码: #img{height:100px;width:100px;}这很好,图像缩小到100x100,但问题是测量不再扩展,也被设置为100x100

因此,我正试图创造性地找到一种好方法,在不下载JS文件的情况下更改图像大小。因此,我想到了两种解决方案:

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

  • 如果您有更好的方法,我洗耳恭听:)

    您可以在图像上使用一个类(更改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>