Javascript - 获取孩子的文本值

Question

如何从元素的子元素中获取文本值？

说我在页面上有这个代码:

<div class='geshitop'>
  &#91; CODE &#93; &#91; <a href="#" onclick="javascript:copy(); return false;">PLAIN-TEXT</a> &#93;
</div>
<div class='geshimain'>
  <pre><div class="text" style="font-family:monospace;">Code goes here...</div></pre>
</div>

功能copy():

<script type="text/javascript">
function copy() {
    var text = this.parent.getElementsByName("text");
    var code = text[0].value;
    var popup = window.open("", "window", "resizeable,width=400,height=300");
    popup.document.write("<textarea name='code' cols='40' rows='15'></textarea>");
    popup.code.value = code;
}

我将如何获得该孩子的数据:<div class "text">.我如何从父母那里得到这个？

---

我还有问题.如果一个页面上有两个代码框,则它不起作用.请记住,我无法使用ID.它必须是课程.

如果我能够使用jQuery,这将很容易.

Answer 1

获取对要从中检索文本的节点的引用,然后尝试:

someNode.firstChild.nodeValue

如果你有这样的节点:

<span>Here is some text</span>

您实际上在查看两个节点,一个具有文本节点子节点的span节点.在DOM中,该文本节点子节点的nodeValue是"这里是一些文本"