如何一次动态地将文本区域添加到页面？

要一次动态地将文本区域添加到页面，可以通过以下步骤实现：

创建一个文本区域元素：使用HTML的<textarea>标签创建一个文本区域元素，并设置相应的属性，如id、name、rows、cols等。
获取页面中的目标元素：使用JavaScript的DOM操作，通过元素的id或其他属性获取要添加文本区域的目标元素。
创建文本节点：使用JavaScript的document.createTextNode()方法创建一个文本节点，将要添加的文本内容作为参数传入。
创建换行节点：使用JavaScript的document.createElement()方法创建一个换行节点，使用<br>标签作为参数。
将文本节点和换行节点添加到文本区域元素：使用文本区域元素的appendChild()方法，将文本节点和换行节点依次添加到文本区域元素中。
将文本区域元素添加到目标元素：使用目标元素的appendChild()方法，将文本区域元素添加到目标元素中，即将文本区域动态地添加到页面。

以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <title>动态添加文本区域</title>
</head>
<body>
  <div id="target"></div>

  <script>
    // 获取目标元素
    var targetElement = document.getElementById("target");

    // 创建文本区域元素
    var textareaElement = document.createElement("textarea");
    textareaElement.id = "myTextarea";
    textareaElement.name = "myTextarea";
    textareaElement.rows = 4;
    textareaElement.cols = 50;

    // 创建文本节点和换行节点
    var textNode = document.createTextNode("这是动态添加的文本区域");
    var brNode = document.createElement("br");

    // 将文本节点和换行节点添加到文本区域元素
    textareaElement.appendChild(textNode);
    textareaElement.appendChild(brNode);

    // 将文本区域元素添加到目标元素
    targetElement.appendChild(textareaElement);
  </script>
</body>
</html>

这样，就可以一次动态地将文本区域添加到页面中。