嗨,我有这样的 HTML ......
<table width="600">
<tr>
<td>
Text
</td>
</tr>
<tr>
<td>
<img src="demo.jpg" width="200" height="200"/>
</td>
</tr>
<tr>
<td style="font:arial;">
<img src="demo.jpg" width="200" height="200"/>
</td>
</tr>
<tr>
<td style="font:arial;">
<a href="#">
<img src="demo.jpg" width="200" height="200"/>
</a>
</td>
</tr>
</table>
我正在使用以下函数在所有 td 的图像中添加 style="font-size:0%" 。
function change(input, output) {
var div = document.createElement("div");
try {
div.innerHTML = input;
} catch (e) {
alert(e.message);
return;
}
var table = div.getElementsByTagName("table"),
tds = div.getElementsByTagName("td"),
tdsWithImages = Array.prototype.slice.call(tds).filter(function (td) {
return td.getElementsByTagName('img').length > 0
});
tdsWithImages.map(function (td) {
td.style.fontSize = "0%";
});
output.value = div.innerHTML;
}
样式属性被覆盖。即风格=“字体:宋体;” 将被覆盖为 style="font-size:0%;" 在所有 td 中都有图像。
但应该是 style="font:arial; font-size:0%;"
谢谢!!