создание поля ввода для HTML формирует …, но добавление 'маркировки' для него также?

У меня есть форма HTML. При нажатии кнопки функция JavaScript добавляет новое поле. Я пытаюсь иметь функцию, также добавляют 'маркировку' для поля также.

Я попытался использовать document.createElement ("МАРКИРОВКА"), но это не позволяет мне изменить innerHtml (или возможно я делаю его неправильно..), ни добавляют закрытие

Вот мой код.Спасибо! экземпляр var = 2;

        function newTextBox(element)
        {       
            instance++; 
            // Create new input field
            var newInput = document.createElement("INPUT");
            newInput.id = "text" + instance;
            newInput.name = "text" + instance;
            newInput.type = "text";
            instance++; 

            document.body.insertBefore(document.createElement("BR"), element);
            document.body.insertBefore(newInput, element);

        }
    </script>
</head>


<body>
    <LABEL for="text1">First name: </LABEL>
    <input id="text1" type="text" name="text1">
    <LABEL for="text2">Last name: </LABEL>
    <input id="text2" type="text" name="text2">



    <input type="button" id="btnAdd" value="New text box" onclick="newTextBox(this);" />
</body>

9
задан Matt 23 December 2009 в 06:03
поделиться

1 ответ

   function newTextBox(element)
            {               
                    instance++; 
                    // Create new input field
                    var newInput = document.createElement("INPUT");
                    newInput.id = "text" + instance;
                    newInput.name = "text" + instance;
                    newInput.type = "text";

                    var label = document.createElement("Label");

                    label.htmlFor = "text" + instance;
                    label.innerHTML="Hello";
                    instance++; 

                    document.body.insertBefore(document.createElement("BR"), element);
                    document.body.insertBefore(newInput,element);
                    document.body.insertBefore(label, newInput);

Обратите внимание, что атрибут for метки, соответствует свойству htmlFor для объекта метки в javascript

.
8
ответ дан 4 December 2019 в 13:02
поделиться
Другие вопросы по тегам:

Похожие вопросы: