Элемент pass 'div' как параметр функции JavaScript

Question

Мне нужно создать, украсить и добавить дочерние «div» в существующие. Например, после того, как appendChildren исполняется, после дивы

<div id="a"> 
     <div id="b"> 
     </div> 
    </div> 

должен принять следующий вид (при условии, decorateDiv добавляет текст «Это новый ДИВ» в новом DIV)

<div id="a"> 
     <div id="b"> 
     <div>"This is new div"</div> 
     </div> 
     <div>"This is new div"</div> 
    </div> 

Вот мой код

function appendChildren() { 
    var allDivs = document.getElementsByTagName("div"); 
    for (var i = 0; i < allDivs.length; i++) { 
    var newDiv = document.createElement("div"); 
    decorateDiv(newDiv); 
    allDivs[i].appendChild(newDiv); 
    } 
    } 


    function decorateDiv(div) { 
     var x = document.getElementByTagName("div"); 
     var t = document.createTextNode("This is new div"); 
    x.appendChild(t); 
    } 

Я совершенно не знаком с JavaSpript. Что я делаю не так? Помогите мне исправить ошибки

Answer 1

Вы не используете параметр div и decorateDiv должен выглядеть следующим образом:

function decorateDiv(div) { 
    //div is the object element 
    var t = document.createTextNode("This is new div"); 
    div.appendChild(t); 
} 

Answer 2

Параметр «div», который вы передаете функции «decorateDiv», нигде не использовался. Вы можете изменить функцию decorateDiv вроде как ниже:

function decorateDiv(div) { 
var t = document.createTextNode("This is new div"); 
div.appendChild(t); 
} 

Надеется, что это помогает !!

Answer 3

«allDivs» обновление переменных прибудет, когда AppendChild в любой DIV, потому что хранит массив элементов «сОн» тэгу , Итак, используйте класс для выборки div.

<div id="a" class="test"> 
A 
<div id="b" class="test"> 
    B 
</div> 
</div> 

Вот пользователь сценария:

function appendChildren() { 
     var allDivs = document.getElementsByClassName("test"); 
      for (var i = 0 ; i < allDivs.length ; i++) { 
       var newDiv = document.createElement("div"); 
       decorateDiv(newDiv); 
       allDivs[i].appendChild(newDiv); 
      } 
     } 
     function decorateDiv(div) { 
      var t = document.createTextNode("This is new div"); 
      div.appendChild(t); 
     } 
     appendChildren(); 

А также вы не используете параметр, передаваемый в декоративную функцию.

Это будет работать. Попробуйте это.