如何更改內容<textarea><i>with JavaScript</div></i><b>使用 JavaScript</div></b></textarea><div id="text_translate"><p> 我如何使用 JavaScript 更改<textarea>元素的內容？</p><p> 我想讓它空着。</p></div>

Question

我如何使用 JavaScript 更改<textarea>元素的內容？

我想讓它空着。

Answer 1

像這樣：

document.getElementById('myTextarea').value = '';

或者像這樣在 jQuery 中：

$('#myTextarea').val('');

你在哪里

<textarea id="myTextarea" name="something">This text gets removed</textarea>

對於所有反對者和非信徒：

這是 MSDN 參考

value 屬性：檢索或設置 textArea 元素的輸入字段中的文本。
這是 MDN 參考

value DOMString 控件中包含的原始值。

Answer 2

如果您可以使用 jQuery，並且我強烈建議您使用 jQuery，那么您只需使用

$('#myTextArea').val('');

否則，它依賴於瀏覽器。 假設你有

var myTextArea = document.getElementById('myTextArea');

在大多數瀏覽器中，您會這樣做

myTextArea.innerHTML = '';

但是在 Firefox 中，你可以

myTextArea.innerText = '';

弄清楚用戶使用的瀏覽器是留給讀者的練習。 除非你使用jQuery，當然;)

編輯：我收回。 看起來對 textarea 的 .innerHTML 的支持有所改進。 我在 Chrome、Firefox 和 Internet Explorer 中進行了測試，它們都正確地清除了 textarea。

編輯 2 ：我剛剛檢查過，如果您在 jQuery 中使用 .val('')，它只會為 textarea 設置 .value 屬性。 所以 .value 應該沒問題。

Answer 3

盡管已經給出了許多正確答案，但經典的（讀取非 DOM）方法是這樣的：

document.forms['yourform']['yourtextarea'].value = 'yourvalue';

在 HTML 中，您的 textarea 以如下形式嵌套在某處：

<form name="yourform">
    <textarea name="yourtextarea" rows="10" cols="60"></textarea>
</form>

碰巧的是，這也適用於Netscape Navigator 4 和 Internet Explorer 3。 而且，並非不重要的是，移動設備上的 Internet Explorer。

Answer 4

如果是 jQuery...

$("#myText").val('');

要么

document.getElementById('myText').value = '';

參考： 文本區域對象

Answer 5

將 textarea 放入表單中，命名它們，然后輕松使用 DOM 對象，如下所示：

<body onload="form1.box.value = 'Welcome!'">
  <form name="form1">
    <textarea name="box"></textarea>
  </form>
</body>

Answer 6

這是一個簡單的 vanilla JS 示例，它在單擊按鈕時更改文本區域內容。

 const button = document.querySelector("#button"); const messageBox = document.querySelector("#message"); button.addEventListener("click", ()=>{ messageBox.innerText = "Please type your message here." });

 <h1>TextArea Examplw with JavaScript</h1> <textarea id="message"></textarea> <button id="button">Click to Change</button>

如何更改內容<textarea><i>with JavaScript</div></i><b>使用 JavaScript</div></b></textarea><div id="text_translate"><p> 我如何使用 JavaScript 更改<textarea>元素的內容？</p><p> 我想讓它空着。</p></div>

問題描述

6 個解決方案

解決方案1
281 已采納 2009-10-29 09:12:22

解決方案2
20 2009-10-29 09:17:34

解決方案3
9 2009-10-29 09:31:33

解決方案4
2 2009-10-29 09:11:21

解決方案5
2 2017-04-26 01:08:35

解決方案6
1 2022-11-22 10:56:07

如何更改內容<textarea><i>with JavaScript</div></i><b>使用 JavaScript</div></b></textarea><div id="text_translate"><p> 我如何使用 JavaScript 更改<textarea>元素的內容？</p><p> 我想讓它空着。</p></div>

問題描述

6 個解決方案

解決方案1 281 已采納 2009-10-29 09:12:22

解決方案2 20 2009-10-29 09:17:34

解決方案3 9 2009-10-29 09:31:33

解決方案4 2 2009-10-29 09:11:21

解決方案5 2 2017-04-26 01:08:35

解決方案6 1 2022-11-22 10:56:07

解決方案1
281 已采納 2009-10-29 09:12:22

解決方案2
20 2009-10-29 09:17:34

解決方案3
9 2009-10-29 09:31:33

解決方案4
2 2009-10-29 09:11:21

解決方案5
2 2017-04-26 01:08:35

解決方案6
1 2022-11-22 10:56:07