0

JavaScript を使用して段落の値をテキスト領域に追加しようとしています。これは現時点での私のコードです。私はそれを機能させることができないようです。どんな助けでも大歓迎です

  <html>
  <head>
   </head>
  <body>
  <button value="this is a length definition" onclick="reveal(this.value)"> hi</button>
  <script type="text/javascript">
  function reveal(value)
  {
  var text = value;
  document.outputtext.value += value;
  }
  </script>
  <table>
  <tr>
  <td><textarea name="outputtext"></textarea></td>
  </tr></table>
  </body>
  </html>
4

4 に答える 4

2

textareaはドキュメントの一部ではありません。また、ボタンの値は段落ではありません。

  • IDを付けて使用document.getElementById("outputtext").value(推奨)または
  • フォームにラップして実行document.formName.outputtext.valueまたは
  • 不器用なものを使うdocument.getElementsByName("outputtext")[0].value

IDを使用したコードは次のとおりです

デモ

  <html>
  <head>
   </head>
  <body>
  <button value="this is a length definition" onclick="reveal(this.value)"> hi</button>
  <script type="text/javascript">
  function reveal(value) {
    document.getElementById("outputtext").value += value;
  }
  </script>
  <table>
  <tr>
  <td><textarea id="outputtext"></textarea></td>
  </tr></table>
  </body>
  </html>
于 2012-05-15T08:52:25.220 に答える
1

に変更する必要があります

<textarea id="outputtext"></textarea>

次に、コードを次のように変更します

document.getElementById('outputtext')

幸運を

nameを使用できますが、getElemntsByName()を呼び出して、要素の配列を受け取る必要があります

于 2012-05-15T08:52:26.230 に答える
1
<html>
<head>
</head>
<body>
<button value="this is a length definition" onclick="reveal(this.value)"> hi</button>
<script type="text/javascript">
function reveal(value)
{
  var text = value;
  document.getElementById("outputtext").value += text;
}
</script>
<table>
  <tr>
    <td><textarea id="outputtext"></textarea></td>
  </tr></table>
</body>
</html>
于 2013-09-01T18:04:42.127 に答える
0

コードを次のように変更します。

 <html>
 <head>
 </head>
<body>
<button value="this is a length definition" onclick="reveal(this.value);"> hi</button>
<script type="text/javascript">
function reveal(value)
     document.getElementById("outputtext").value += value;
 }
</script>
<table>
  <tr>
    <td><textarea id="outputtext"></textarea></td>
  </tr></table>
</body>
</html>
于 2012-05-15T09:02:37.397 に答える