通过单击按钮在 textarea 中添加内容 (1)

📌 相关文章

📜 通过单击按钮在 textarea 中添加内容 (1)

📅 最后修改于: 2023-12-03 14:58:04.621000 🧑 作者: Mango

你可以使用以下 JavaScript 代码来实现通过单击按钮在 textarea 中添加内容：

<!DOCTYPE html>
<html>
<body>

<textarea id="myTextarea" rows="4" cols="50"></textarea>
<button onclick="addContent()">添加内容</button>

<script>
function addContent() {
  var textarea = document.getElementById("myTextarea");
  var content = document.createTextNode("# 这是主题\n\n这是给程序员的介绍内容。内容可以非常丰富，可以包括代码示例、图表、列表等。\n\n## 标题\n\n正文内容");
  textarea.appendChild(content);
}

</script>

</body>
</html>

这段代码会在点击按钮时，在 textarea 中添加 Markdown 格式的内容。在代码片段的开头添加了 # 这是主题，作为主题；紧接着是一段文字作为程序员的介绍内容。你可以根据需要修改主题和介绍内容。

注意，<textarea> 元素中的内容是纯文本，而不会解析 Markdown 标记。