Question

我有这样的输入表格：

<form>
    <label for="name">Name :</label>
    <input type="text" id="name">
</form>

我想使用以下代码添加带有Javascript的span标记：

var inputName = document.getElementById('name');
var h = document.createElement("span");
var t = document.createTextNode("Hello World");
h.appendChild(t);
inputName.appendChild(h);

但它似乎不像我预期的那样有效。这是我得到的结果：

<form>
    <label for="name">Name :</label>
    <input type="text" id="name">
        <span>Hellow World</span>
    <input>
</form>

那么我该如何正确地做到这一点？如果你愿意告诉我如何在以后删除该范围。感谢。

Answer 1

你需要使用。之后在元素之后添加新元素，并且要删除此元素，你可以使用 nextElementSibling.remove（）;

＆＃13;

var inputName = document.getElementById('name');
var h = document.createElement("span");
var t = document.createTextNode("Hello World");
h.appendChild(t);
inputName.after(h);

function remove(){
  
  inputName.nextElementSibling.remove();
  
}

＆＃13;

<form>
    <label for="name">Name :</label>
    <input type="text" id="name">
</form>

<button onClick="remove()">Remove</button>

＆＃13;

使用Javascript在输入旁边插入和删除span标记

1 个答案: