Обернуть заданный тег в тег

Question

Есть функция, которая добавляет тег label после заданного тега (checkbox или radio) и связывает их с помощью атрибута for.

function checkboxRadioStyling(element) {
    let id;
    let label;

    label = document.createElement('label');
    label.setAttribute('for', element.id);

    element.parentNode.insertBefore(label, element.nextSibling);
}

Задача переписать эту функцию так, чтобы input оборачивался в тег label, т.е. чтобы генерился label, в него помещался input и полученная конструкция заменяла имеющийся в форме 'input'.

Помогите, пожалуйста, реализовать такое на чистом js.

Answer 1

Попробуйте так

function checkboxRadioStyling(element) {
    let id;
    let label;
    label = document.createElement('label');
    label.setAttribute('for', element.id);
    element.parentNode.insertBefore(label, element);
    label.appendChild(element);
}
window.onload=function(){
checkboxRadioStyling(document.querySelector("input"));
}

<form>
<input type="checkbox" />
</form>

БЛОГ НА HUSL

Обернуть заданный тег в тег

Ответы (1 шт):