如何通过document.write将tagId变量值插入表单input文本框

你的代码失效是两个核心问题导致的：

• document.write() 方法接收的参数必须是字符串类型，你直接把HTML标签裸写在方法括号内没有包裹引号，会直接触发JS语法错误，代码无法正常执行
• 你把tagId直接写在value属性的引号内部，浏览器会将其识别为固定文本内容"tagId"，不会读取同名JS变量的实际值

方式1：使用document.write实现（不推荐） #

通过字符串拼接把变量值嵌入HTML字符串即可，注意拼接时的引号不要漏写：

document.write('<input type="text" name="" value="' + tagId + '">');

注意：这种写法存在结构风险，如果tagId变量值包含双引号、尖括号这类特殊字符，会直接破坏HTML结构；且如果document.write在页面全部加载完成后调用，会清空整个页面的已有内容。

方式2：标准DOM操作实现（推荐） #

直接通过JS创建DOM元素、赋值后插入表单对应位置，不会有字符串拼接的转义问题，也不会误覆盖页面内容：

// 创建input元素
const tagInput = document.createElement('input');
tagInput.type = 'text';
tagInput.name = '';
// 直接把变量值赋给元素value属性，自动处理特殊字符
tagInput.value = tagId;
// 把元素插入目标表单，替换成你自己的表单获取逻辑即可
// 例：表单id为targetForm时用下面的语句插入
document.querySelector('#targetForm').appendChild(tagInput);

如果表单里已经提前写好了这个input，只需要动态赋值的话，连创建元素的步骤都可以省略：

// 提前给目标input加id方便选择，比如id="tagIdInput"
document.getElementById('tagIdInput').value = tagId;

对应的提前写好的HTML结构参考：

<form id="targetForm">
  <!-- 其他表单元素 -->
  <input type="text" name="" id="tagIdInput">
  <!-- 其他表单元素 -->
</form>

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