如何在不使用id和类的情况下使用javascript设置td的样式。。？

嗨，我有这样的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>

样式属性将被覆盖。 i、 e style=“font:arial；”将在所有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:arial；font-size:0%；”

---

谢谢

我建议不要使用直接样式元素并使用javascript对其进行操作，只要使用css类，这也是正确的方法，而不是内联样式。 我还建议您将字体样式移动到另一个（或同一个）类

css:

javascript:

var tds = document.getElementByTagName("td");
for (var i = 0; i < tds.length; i++) {
  tds[i].className = tds[i].className + "zero_font_size";
}

或者，如果要使用内联样式：

var tds = document.getElementByTagName("td");
for (var i = 0; i < tds.length; i++) {
  tds[i].cssText = tds[i].cssText + ";font-size:0%";
}

var tds=document.getElementByTagName（“td”）；
对于（变量i=0；i

使用JQUERY脚本怎么样？演示

JQUERY HTML

正文
正文
正文

脚本可以工作，但我们在新闻稿开发中没有使用任何ID和类。。我想把它内联到有图像的td中。在Outlook中解决问题的时事通讯开发中，我们需要在所有有图像的td中使用style=“font size:0%”。Outlook不支持样式@标题部分。上面的代码可以工作，但在第三种情况下会失败，即对于用锚标记包装的图像，上面的html只是一个例子。Td包括许多其他样式，具有不同的字体系列。。

var tds = document.getElementByTagName("td");
tds.forEach(function(td) {
    td.className = tds.className + "zero_font_size";
});

var tds = document.getElementByTagName("td");
for (var i = 0; i < tds.length; i++) {
  tds[i].cssText = tds[i].cssText + ";font-size:0%";
}

$(document).ready(function() {
    $('td').find('img').map(function(){
        $(this).parent('td').css({'font-size':'0%', 'font-family':'arial'});
    });
});

<table width="600">
<tr>
  <td>
     Text
  </td>
</tr>
<tr>
  <td>
     <img src="demo.jpg" width="200" height="200"/>Text
  </td>
</tr>
<tr>
  <td style="font:arial;">
     <img src="demo.jpg" width="200" height="200"/>Text
  </td>
</tr>
<tr>
  <td style="font:arial;">
   <a href="#">
     <img src="demo.jpg" width="200" height="200"/>Text
   </a>
  </td>
</tr>
</table>