我创建了一个表单构建器，但是，我需要找到一种方法让该人在发布表单时添加自己的跟踪代码，这些跟踪代码包含在代码中。
<section class="tracking-codes">
<h2> Please enter all tracking codes in here: </h2>
<form>
<input type="text" id="code" placeholder="Facebook Pixel"> </input>
<button type="button" onclick="codes()"> Add Code </button
</form>
</section>
这是我的 JS
function codes ()
{
var trackingCode = document.getElementById('code');
document.head.appendChild(trackingCode);
console.log(trackingCode);
}
此时，它确实附加了代码的 ID，但只附加了部分<input type="text" id="code" placeholder="Facebook Pixel">而不是用户输入，我将如何做到这一点？ 我也在制作跟踪代码的var结束时尝试了.value，但它不起作用。
与其将 html 添加到 head 部分，不如使用隐藏字段输入。像这样添加它：
function codes ()
{
var trackingCode = document.getElementById('code').value;
var element = document.createElement('input');
element.type = 'hidden';
element.id = 'tracking';
document.head.appendChild(element);
console.log(trackingCode);
}