bookmarklet：使用 js 將文本插入到 textarea 中？

Question

我做錯了什么？

 javascript:document.getElementsByTagName('textarea').innerHTML='inserted';

我想創建一個書簽以將簡單文本插入給定網頁上的文本區域。

Answer 1

使用value屬性而不是innerHTML並確保您的代碼計算為undefined ，您可以通過將其包裝在沒有return語句的函數中來實現。 如果您不這樣做，頁面的內容將被替換為您的代碼計算結果的任何內容（在這種情況下，字符串“插入”）。

javascript:(function() {document.getElementsByTagName('textarea')[0].value = 'inserted';})();

2012 年 1 月 14 日更新

我沒有發現原始代碼將document.getElementsByTagName('textarea')視為單個元素而不是NodeList事實，所以我用[0]更新了我的代碼。 @streetpc 的回答更詳細地解釋了這一點。

Answer 2

取消鏈接getElementById ， getElementsByTagName在Elements處有一個s因為它返回一個數組匹配元素的類似數組的 NodeList 。 因此，您必須首先訪問其中一個元素，為簡單起見，讓我們說第一個：

javascript:void((function(){document.getElementsByTagName('textarea')[0].value='inserted'})())

此外，正如其他人所提到的，這里的value屬性而不是innerHTML 。

Answer 3

如果有人想知道如何使用當前聚焦的文本字段，請使用以下內容：

document.activeElement.value = "...";

Answer 4

在 jQuery 中，如果這樣，您必須使用：

對於單個元素 -> $('#element_id').html('your html here')
對於所有文本區域 -> $('textarea').val('your html here')

我必須承認，我不確定為什么它會以這種方式工作，但它確實有效。 並使用 rameworks，它們將節省您的時間和精力。