Как изменить текст в текстовом поле

#javascript

Вопрос:

Хорошо, пока у меня есть пшеница. ЕСЛИ бы кто-нибудь мог мне помочь. Мне пришлось изменить цвет фона при нажатии на кнопку. И я также должен использовать document.getElementById(‘yourelementid’), чтобы как найти значение текстовой области, так и изменить основной текст, созданный в div. Но я не знаю, как это сделать, я изучал онлайн. Я думаю, что я немного запутался в том, куда здесь что-то поместить, спасибо.

Вот что у меня есть на данный момент….

       <!DOCTYPE html PUBLIC "-//W3C//DTD Xhtml 1.0 Strict//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http:www.w3.org/1999/xhtml">
     <head>
     <title>DOM</title>
     <meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />

    <script language="JavaScript">
     <!-- Begin
       function newbg(thecolor)
      {
     document.bgColor=thecolor;
      }

     //  End -->
     </script>
      <body>
    <h3>DOM Assignment Examples</h3>
     <div>
    <form>
      <h4>Change background color to:</h4>
     <input type="radio" value="White" onclick="newbg('white');">white<br/>
     <input type="radio" value="Blue" onclick="newbg('blue');">Blue<br />
     <input type="radio" value="Beige" onclick="newbg('Beige');">Beige<br />
     <input type="radio" value="Yellow" onclick="newbg('yellow');">Yellow<br />
    </form>
   </div>
   <br />
    <br />
    <br />
     <h4>add text to this box change the text below:</h4>
    <TEXTAREA NAME="" ROWS="10" COLS="40" onBlur="blurHandlerRouting">
    You will change this text
  </TEXTAREA> <br />
  <INPUT TYPE="button" NAME="button" Value="Click" onClick="testResults(this.form)">
   </body>


  </html>

1. Я не понимаю… что происходит, когда пользователь нажимает на кнопку? Содержимое <textarea> передается в… что?

2. Я предполагаю создать div с некоторым базовым текстом для начала. Создайте форму, содержащую текстовое поле. Используйте document.getElementById(‘yourelementid’) как для поиска значения текстовой области, так и для изменения основного текста, созданного в div. (Подсказка: пользовательский innerHTML)

Ответ №1:

Содержимым a <textarea> можно манипулировать с помощью .html() jQuery или .innerHTML ванильного JavaScript.

Ваш HTML-код должен содержать id="" атрибут:

 <textarea id="mytextarea">Text to be changed</textarea>

И JavaScript:

 document.getElementById('mytextarea').innerHTML = "New Text";

Ответ №2:

Чтобы изменить фон и текстовую область, вы могли бы попробовать это:

 function = testResults(){
    document.getElementById("yourTextBoxId").style="background:red;"; //Change the background color to red.
    document.getElementById("yourTextAreaId").value="your another text for the textarea"
}