Как добавить новую метку после другого лейбла

Question

У меня есть один ярлык

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

Но я запутался, как добавить эту метку с новой этикеткой рядом form_gpd_mail этикетка с JavaScript.

пожалуйста, помогите мне

Answer 1

С ванильным 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);