如何在其他标签后添加新标签

Question

我有一个标签

<label for="form_gpd_mail" class="form-label">Email</label>

但我很困惑如何使用javascript在form_gpd_mail标签旁添加带有新标签的标签。

请帮帮我

Answer 1

使用vanilla JavaScript，这将解决问题

var x = document.getElementsByClassName("form-label");
var label = x[0];    
var secondLabel = document.createElement("LABEL");
secondLabel.setAttribute('id', 'secondLabel'); // Change to your desired ID
secondLabel.innerHTML = "second label"; // Change to your desired label content
x[0].parentNode.insertBefore(secondLabel, x[0].nextSibling);

请记住自定义新标签。

或者，如果您想将标签放在另一个标签的内部，请使用appendChild，例如

var x = document.getElementsByClassName("form-label");
var label = x[0];    
var secondLabel = document.createElement("LABEL");
secondLabel.setAttribute('id', 'secondLabel'); // Change to your desired ID
secondLabel.innerHTML = "second label"; // Change to your desired label content
x[0].appendChild(secondLabel, x[0].nextSibling);