请教个JS取div中id的问题

Question

我的DIV代码如下:
<table>
<tr>
<td  VALIGN="TOP">
<div class="DragContainer" id="DragContainer1">     
<div class="DragBox" id="Item1"  overClass="OverDragBox" dragClass="DragDragBox">Item #1</div>     
<div class="DragBox" id="Item2"  overClass="OverDragBox" dragClass="DragDragBox">Item #2</div>     
<div class="DragBox" id="Item3"  overClass="OverDragBox" dragClass="DragDragBox">Item #3</div>     
<div class="DragBox" id="Item4"  overClass="OverDragBox" dragClass="DragDragBox">Item #4</div> 
</div> 
</td>
<td VALIGN="TOP">
<div class="DragContainer" id="DragContainer2">     
<div class="DragBox" id="Item5"  overClass="OverDragBox" dragClass="DragDragBox">Item #5</div>     
<div class="DragBox" id="Item6"  overClass="OverDragBox" dragClass="DragDragBox">Item #6</div>     
<div class="DragBox" id="Item7"  overClass="OverDragBox" dragClass="DragDragBox">Item #7</div>     
<div class="DragBox" id="Item8"  overClass="OverDragBox" dragClass="DragDragBox">Item #8</div> 
</div> 
</td>
<td VALIGN="TOP">
<div class="DragContainer" id="DragContainer3">     
<div class="DragBox" id="Item9"  overClass="OverDragBox" dragClass="DragDragBox">Item #9</div>     
<div class="DragBox" id="Item10" overClass="OverDragBox" dragClass="DragDragBox">Item #10</div>     
<div class="DragBox" id="Item11" overClass="OverDragBox" dragClass="DragDragBox">Item #11</div>     
<div class="DragBox" id="Item12" overClass="OverDragBox" dragClass="DragDragBox">Item #12</div> 
</div> 
</td>
</tr>
</table>
在JS中我用document.all.DragContainer1.childNodes[0].Item1来取得Item1的值,得到的却是undifined,为什么?

Answer 1

document.all.DragContainer1.childNodes[0]应该就已经是指向Item1元素了啊。另外，建议最好不要用document.all这种方式，这种方式是IE专有的，不通用。

Answer 2

我用document.all.DragContainer1.childNodes[0]得到的却是[object],可是我想得到的是Item #1 ,能告诉我该用什么方法么?

Answer 3

document.all.DragContainer1.childNodes[0].id

Answer 4

document.getElementById("DragContainer1").childNodes[0].id

Answer 5

差点，我忘了说childNodes在FF中会把换行符和空白符也当作是他的子节点

Answer 6

document.all.DragContainer1.childNodes[0].id.innerHTML

Answer 7

错了，不要id
document.all.DragContainer1.childNodes[0].innerHTML/document.all.DragContainer1.childNodes[0].innerText

Answer 8

document.getElementById("DragContainer1").childNodes[0].id

Answer 9

document.getElementById("DragContainer1").childNodes[0].innerHTML;
document.getElementById("DragContainer1").childNodes[0].innerText;
document.getElementById("DragContainer1").childNodes[0].firstChild.nodeValue;
应该都可以，楼主可以试试。

Answer 10

我遇到了同样问题，只不过我的<div>是动态生成的，DIV中有BUTTON，在CLICK的事件里如何引用BUTTON所属
的DIV的ID值呢？这能否实现！望解答！