求助：如何在<textarea>中添加<span id="data">并将Y设为其变量

textarea的内容区域仅支持纯文本，直接插入HTML标签（比如<span>）会被当作普通字符串显示，无法解析成DOM元素，因此你需要通过JavaScript实现内容赋值：

1. 调整基础HTML结构 #

清空textarea的初始内容，保留目标span元素：

<textarea class="autoExpand" id="text" name="text" data-min-rows="1" rows="1" cols="50" maxlength="2000"></textarea>
<span id="data">你要插入的变量内容</span>

2. 用JavaScript完成赋值 #

通过DOM操作获取span的文本内容，再赋值给textarea的value属性：

// 获取对应DOM元素
const dataElement = document.getElementById('data');
const textareaElement = document.getElementById('text');

// 将span的文本内容赋值给textarea
textareaElement.value = dataElement.textContent.trim();

3. 确保页面加载后执行 #

如果需要页面加载完毕自动完成赋值，把代码包裹在DOMContentLoaded事件中：

document.addEventListener('DOMContentLoaded', function() {
  const dataElement = document.getElementById('data');
  const textareaElement = document.getElementById('text');
  textareaElement.value = dataElement.textContent.trim();
});

特殊情况说明 #

如果span内包含HTML格式（比如加粗、换行），textarea无法直接渲染这些格式，只能显示纯文本。若需要保留格式，建议替换为contenteditable="true"的div元素，再通过innerHTML赋值。

内容的提问来源于stack exchange，提问作者PixelAxolotl