Question

是否可以找到宽度为70％的TD的TABLE，然后使用普通的Javascript添加其他CSS？

TABLE没有ID，但它嵌套在带有ID的DIV中。

HTML：

<div id="MainContent">
  <table width="100%">
    <tr>  </tr>
    <tr>  </tr>
    <tr>
      <td>
        <table width="100%">
          <tr>
            <td width="70%">
              ....
            </td>
          </tr>
         </table>
       </td>
     </tr>
.....

所以#MainContent表第三个TR第一个TD表TR TR

任何想法和帮助表示赞赏！

Answer 1

你能使用jQuery吗？

$('td[width=100%]')

如果没有，这可能是一个值得玩的功能：

http://snipplr.com/view/1853/get-elements-by-attribute/

祝你好运。

Answer 2

你想找哪张桌子？这应该是第一个：

document.getElementById('MainContent').getElementsByTagName('table')[0];

但这应该是第二个：

var tds = document.getElementsByTagName('td'),
i = tds.length;
while (i) {
    i -= 1;
    if (tds[i].width === '70%') {
        tds = tds[i];
        break;
    }
}
do {
    tds = tds.parentNode;
} while (tds.nodeName !== 'TABLE')

最后，tds应该是第一个70％td的父表。

Javascript - 找到TD width =“70％”并添加CSS

2 个答案: