如何修改iframe内图片的width属性而非添加CSS样式？

直接用jQuery的attr()方法就能直接修改img标签上的width属性，而不是添加内联CSS，代码示例如下：

• 单个修改width属性：

iFrame.contents().find("img").attr("width", "50%");

• 同时修改width和height属性：

iFrame.contents().find("img").attr({
  "width": "50%",
  "height": "50%"
});

• 如果需要基于原width值按比例调整（比如原width是100像素，改成50像素）：

iFrame.contents().find("img").each(function() {
  const originalWidth = parseInt($(this).attr("width"));
  $(this).attr("width", originalWidth * 0.5);
});

之前用的css()方法是给元素添加内联样式（对应style属性），而attr()方法是直接操作HTML标签上的原生属性，刚好满足你要修改width属性的需求。

内容的提问来源于stack exchange，提问作者Dhenhice