没有父表标签的 td

HTML:

<td class="tabletd"> text one </td><br>
<td class="tabletd" id="tdSecond"> this is next td</td>
<button onclick="myFunc()">click</button>

JS:

function myFunc() {
    var second    = document.getElementById('tdSecond').innerHTML;
    //var second2 = document.getElementsByTagName('td')[1]; //gives error undefined
    alert(second);
}

我无法完成这项工作。连css都看不到效果JSFiddle http://jsfiddle.net/vusan/r3QWf/1/.
但是如果我们使用 javascript 和 css 都可以正常工作<li>没有其父级<ul>.
而且 javascript 和 css 在自定义标签上也能正常工作。例如：-<ddd> text </ddd>

那么为什么我们使用 css 和 javascript 都会出错<td>没有其父级<table> ?

这可以解释为什么<li>物品可以没有<ul>
http://www.whatwg.org/specs/web-apps/current-work/multipage/grouping-content.html#the-li-element http://www.whatwg.org/specs/web-apps/current-work/multipage/grouping-content.html#the-li-element

li 元素代表一个列表项。如果它的父元素是 ol， ul，或菜单元素，则该元素是父级的项目 元素的列表，如为这些元素定义的。否则，列表 item 与任何其他 li 元素没有定义的列表相关关系。

如果父元素是 ol 元素，则 li 元素具有 顺序值。

<ul>只是为了将相似的分组<li>项目。如果没有<ul>, a <li>只是一个单独的列表项，未进行任何分组。所以有一个<li>没有<ul>仍然是解析器将通过的有效标记。

<td> and <tr>元素特别必须驻留在<table>元素。http://www.whatwg.org/specs/web-apps/current-work/multipage/tabular-data.html#the-td-element http://www.whatwg.org/specs/web-apps/current-work/multipage/tabular-data.html#the-td-element

这就是解析器如何形成表并具有<td>没有<table>会抛出表模型错误：
http://www.whatwg.org/specs/web-apps/current-work/multipage/tabular-data.html#table-model http://www.whatwg.org/specs/web-apps/current-work/multipage/tabular-data.html#table-model

该测试表明：

<!-- fail -->
<tr>
  <td>tr_td_test</td>
</tr>

<!-- fail -->
<td>td_test</td>

<!-- pass as a regular list item -->
<li>li_test</li>

<!-- pass and tr tag is added to DOM -->
<table>
  <td>table_td_test 1</td>
</table>

<!-- pass and td tag is added to DOM -->
<table>
  <tr>
    table_tr_test_1
  </tr>
</table>