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 
<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 回答
1

应该改为

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

然后代码更改为

document.getElementById('outputtext')

祝你好运

您可以使用 name 但您必须调用 getElemntsByName() 并接收元素数组

于 2012-05-15T08:52:26.230 回答
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 回答