如何在JavaScript中选择DOM元素？

Question

我希望用户能够通过单击一次来选择元素的内容。代码看起来像这样：

<div onclick="this.xyz()">...</div> 

问题是：什么方法去哪里写xyz？我搜索了诸如“DOM选择对象”之类的东西，但答案是隐藏在不相关命中（或不是）的干草堆中的针。

Answer 1

基本上你会想：

<div onclick="var contents = this.innerText;">foo bar</div> 

这将设置contents等于foo bar。当然，这不完全是跨平台兼容的。 Firefox期望.textContent而不是.innerText。如果你不反对使用jQuery，那么

<div onclick="var contents = $(this).text()">foo bar</div> 

会做得很好，并且是跨平台的。