如何在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> 

會做得很好，並且是跨平臺的。