Question

我想通过javascript在项目模板中动态构建DataList中的div元素。我考虑构建一个面板，然后使用panel.appendChild（div），但我不知道如何获得它。可以在javascript中执行吗？在datalist'children'中调用控件是否正确？如果是的话，我会很乐意寻求帮助。

  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而btn是按钮，我会先看到代码中的一个问题：

<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>

如何在JavaScript中访问DataList的子项？

1 个答案: