Javascript 代码在 IE 中正常运行，在 Firefox 中正常运行

Question

我需要有关我的错误的澄清。

我的要求是使用javascript动态获取UI中使用的html标签名称。我的代码在 IE 中执行，但在 Mozila Firefox 中不正确。我的代码，

HTML 代码:

<table>
  <tr>
    <td>
      <input type="text" />
    </td>
    <td>
      <select>
        <option>p_string1</option>
        <option>p_string5</option>
      </select>
    </td>
   </tr>
</table>

JS:

for (i = 0; i < table.rows[0].cells.length; i++) 
{
  pNode[i] = table.getElementsByTagName('td')[i].childNodes[0].nodeName;
}

我得到的是值#text，而不是标签名称Select。但正确获取标记名INPUT..

Answer 1

我认为这是因为 Firefox(正确地)选择了第一个 childNode，它是空格。如果删除 和 之间的所有空白，您可能会得到正确的标记。

编辑，像这样:

<td><input

我创建了一些jsFiddles来演示效果:

http://jsfiddle.net/NUEwg/2/

http://jsfiddle.net/zbmeG/1/

编辑2:

您可以考虑使用document.querySelectorAll。除 IE6 和 IE7 之外的所有浏览器均支持此功能。如果您不需要这些支持，类似的东西可能会起作用。

var inner_tags = document.querySelectorAll('td > *')
var first_tag = inner_tags[0].tagName;

希望这有帮助。