在不带css的Javascript Div类中调整图像大小

我有一个java脚本，我将它嵌入到我们的cms中。css是外部托管的，因此无法更改。但是想知道如果可能的话，如何在javascript类中更改图像的大小

图像是巨大的，我想调整大小，使宽度与高度成比例

<div class="candid-embed" data-host="api.getcandid.com" data-id="c99469e1-5476-4aaa-90eb-b7d940882f0f" data-ids="172262754475694502" data-theme=""></div><script async defer src="//api.getcandid.com/scripts/embed.js"></script>

---

我不知道这是否是您想要的，但您可以添加css与js内联

document.getElementById（“pic”）.style.width='330px'
如果要调整多个图像的大小，请尝试使用和

例如：


Array.prototype.slice.call（document.getElementsByTagName（“IMG”））.forEach（函数（e）{
if（（例如className）.indexOf（'img-lg'）>-1）{
e、 style.width='300px'；
e、 style.height='300px'；
}else if（（e.className）.indexOf（'img-md'）>-1）{
e、 style.width='200px'；
e、 style.height='200px'；
}否则{
e、 style.width='100px'；
e、 style.height='100px'；
}
});

能否粘贴浏览器中呈现的确切CSS？。您可以通过右键单击图像并选择上面添加的
Inspect元素
menu.css来实现这一点-到目前为止，当我尝试添加任何大小时，它显示为图像外部的静态代码，因此您也无法使用js将css属性添加到元素中？老实说，我对Javascript了解不多。尝试了这两种方法，但仍然没有成功。我更想调整高度而不是宽度。使用Firebug图像可以正常工作，但我不确定确切的js应该是什么。查看更新的问题看起来不像您可以直接访问图像，而是使用某种类型的小部件加载图像？是的，这是一个widgetYeah更深入地查看生成的代码图像位于不同网络上托管的iFrame中。你唯一能做的就是更改整个小部件的大小。是的，当我尝试访问iFrame的内容时，我得到：
阻止了一个带原点的帧访问跨原点帧
，因此它阻止了我更改它的内容。
element.style {
border:0;
border-radius:4px;
box-shadow:rgba(0, 0, 0, 0.498039) 0 0 1px 0px, rgba(0, 0, 0, 0.14902) 0 1px  10px 0;
height:1143px;
margin:1px;
max-width:658px;
overflow:hidden;
width:calc(100% - 2px);