javascript - 如何在标签内添加来自用户的自定义代码

Question

我创建了一个表单生成器，但是，我需要找到一种方法让人们在发布表单时添加自己的跟踪代码，这些跟踪代码进入代码中。

<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"> 而不是用户输入，我该怎么做呢？我也尝试过.value在最后制作跟踪代码的 var，但它不起作用。

标签： javascripthtml

Answer 1

您应该使用隐藏字段输入，而不是将 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);
}