«Uncaught HierarchyRequestError: новая линия тег после createTextNode

Question

Это код, который я пытаюсь сделать работу

var aform = document.createElement("form"); 
     var model = document.createTextNode("xyz"); 
     var newLine = document.createElement('br'); 
     model.appendChild(newLine); 
     var status = document.createTextNode("abc"); 

     aform.appendChild(model); 
     aform.appendChild(status); 

     $("#someDiv").append(aform); 

, когда я пытаюсь запустить код он продолжает давать мне ошибку» неперехваченным HierarchyRequestError: Не удалось выполнить ' appendChild 'on' Node ': Этот тип узла не поддерживает этот метод. »

Может кто-нибудь спросит, почему isit не работает. Мне просто нужна новая строка после создания текстового узла xyz и затем abc. Спасибо.

Answer 1

var model = document.createTextNode("xyz"); 
var newLine = document.createElement('br'); 
model.appendChild(newLine); 

Вы не можете сделать это, потому что ваш родитель TEXT узел, этот тип узла не может иметь ChildNodes.

var model = document.createTextNode("xyz"); 

так же, как:

var model.textContent = "xyz"; 

Я рекомендую вам использовать метод innerHTML, это произведения в десятки раз быстрее, без JQuery, например:

document.getElementById("someDiv").innerHTML = "<form>xyz<br>abc</form>". 

Или код (фиксированный):

var aform = document.createElement("form"); 
     var model = document.createTextNode("xyz"); 
     var newLine = document.createElement('br'); 
     var status = document.createTextNode("abc"); 

     aform.appendChild(model); 
     aform.appendChild(newLine); 
     aform.appendChild(status); 

     $("#someDiv").append(aform); 

Answer 2

Вы можете сделать все это с помощью jQuery , Так как вы в любом случае его использования:

$("#someDiv").append("<form>xyz<br>abc</form>");