Как получить доступ к детям DataList в JavaScript?

Question

Я хочу динамически строить элемент div в DataList, в шаблоне элемента, с помощью javascript. Я думал о создании панели, а затем с помощью panel.appendChild (div), но я понятия не имею, как ее получить. Возможно ли это сделать в javascript? Правильно ли вызывать элементы управления у детей-каталогов? Если да, я был бы рад за помощь.

var but2 = document.getElementById("Button2"); 
     var dl = document.getElementById("DataList1"); 
     var p = dl.children[0]; 
     but2.onclick = function CopyDiv() { 
      var iDiv = document.createElement('div'); 
      iDiv.style.width = "200px"; 
      iDiv.style.height = "200px"; 
      iDiv.style.position = "absolute"; 
      iDiv.style.top = "10px"; 
      iDiv.style.left = "10px"; 
      iDiv.style.border = '1px solid black'; 
      p.appendChild(iDiv); 
     } 

это неправильный код, я думаю, потому что у меня не было никакой ссылки на ItemTemplate.

Answer 1

я вижу одну проблему в коде первой, если DataList является DIV и БТН это кнопка сделать это:

<input type="button" id="Button2" onclick="CopyDiv()" val="append" /> 

    <script type="text/javascript"> 
    var dl = document.getElementById("DataList1"); 
    var p = dl.children[0]; 

    function CopyDiv() { 
     var iDiv = document.createElement('div'); 
     iDiv.style.width = "200px"; 
     iDiv.style.height = "200px"; 
     iDiv.style.position = "absolute"; 
     iDiv.style.top = "10px"; 
     iDiv.style.left = "10px"; 
     iDiv.style.border = '1px solid black'; 
     p.appendChild(iDiv); 
    } 
    </script>