是否可以使用Javascript更新页面中的html内容？

Question

我有一个带文本框和按钮的html页面。

  

文本框
  按钮

如果我在文本框中输入一些文字，然后点击按钮，它应该像这样更新HTML页面：

  

使用h1标签输入的文本
  文本框
  按钮

这可以使用Javascript吗？

Answer 1

$('textarea').keyup(function () {
  var mystring = $(this).val();  
  $('p').text(mystring);
});

当然，使用javascript。

Answer 2

是的，有可能。很想离开它，但是......

＆＃13;

＆＃13;

window.onload = function() {
  var h1 = document.createElement("H1");
  var txt = document.getElementById('mytext');
  document.body.insertBefore(h1, txt);
  document.getElementById('mybutton').addEventListener('click', function() {
    h1.innerHTML = txt.value;
  });
};

＆＃13;

<input type="text" id="mytext" value="" />
<input type="button" id="mybutton" value="Send it" />

＆＃13;

＆＃13;

＆＃13;