Как добавить новый контент в событие нажатия кнопки на JavaScript? - PullRequest
Новая
       37

Как добавить новый контент в событие нажатия кнопки на JavaScript?

0 голосов
/ 25 мая 2018

Я новичок в программировании, поэтому, возможно, допустил некоторые, даже очевидные ошибки.

Сейчас я работаю над небольшим сценарием, в котором я хотел бы добавить новое содержание в абзац послеdiv Я сделал в 2 условиях (если, иначе).

если что-то написано, поместите текст в div и консоль.

еще создайте элемент <p> и напишите этот тексттребуется после элемента div.

Я установил код, но консоль в Chrome сообщает, что 

DivI.insertAfter(p, Div) is not a function

при onclick (HTML) свойстве внутри кнопки.

EvenDivT.appendChild(text) не является функцией.

Следуя указаниям, данным в скобках, я внутри if создал новую переменную DivT и добавил текст (createTextNode) внутри DivT.

Внутрииначе я создал новый элемент <p>, вставил текст внутрь, создал 2 переменные, чтобы использовать метод insertAfter, как было написано в руководстве.

Один для указания, куда добавлять, а другой дляскажите после какого элемента поставить элемент <p>т.

Я не могу заставить его работать.

Вот код.

HTML 

           <input type="text" id="scrivimi">

           <button type="button" onloadend="Cliccando()" 
           onclick="Cliccando()">
            Clicca 
           </button>

    <div id="Div"></div>

Помимо названия, этотолько элементы на странице.

Javascript 

        function Cliccando() {
          var testo2 = document.getElementById('scrivimi').value;
            if ( testo2 != '')
                {
                    alert('js qualcosa scritto');
                    console.log(testo2);
                    var DivT = document.getElementsByTagName('div');
                    var DelTesto = document.createTextNode(testo2);
                    DivT.appendChild(DelTesto);
                   }
                else {
                      alert (' js vuoto');
                      var p = document.createElement("p");
                      var Contenuto = document.createTextNode('Scrivi del testo');
                p.appendChild(Contenuto);
                var DivI= document.getElementById('Div');
                var Div = document.getElementById('Div');
                DivI.insertAfter(p, Div);

            }

     }
...