Question

我正在尝试使用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>

Answer 1

您的textarea不是该文档的一部分。您的按钮值也不是段落。

为其提供ID并使用document.getElementById("outputtext").value（推荐）或
以表格形式包装并执行document.formName.outputtext.value或
使用笨拙的document.getElementsByName("outputtext")[0].value

以下是使用ID

的代码

DEMO

  <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>

Answer 2

应该改为

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

然后代码更改为

document.getElementById('outputtext')

祝你好运

您可以使用名称，但必须调用getElementsByName（）并接收元素数组

Answer 3

<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>

Answer 4

代码更改为：

 <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>

javascript获取段落的值以显示在textarea中

4 个答案: