0

使用createElement和appendchild使用 javascript。我正在尝试解决并了解是否可以将 div 附加到他们的类、数据等。我当前的脚本在 a 中设置了一个图像<li>，我不会发布整个脚本（它很长），因为这是我相信的部分我需要帮助，这是当前功能：

function showUploadedItem (source) {

var list = document.getElementById("index-slider-list"),
li   = document.createElement("li"),
remove   = document.createElement("div"),
img  = document.createElement("img");

img.src = source;
li.appendChild(img);
list.appendChild(li);
}

这是最终输出（我在 php 中执行此操作echo ="";：

<ul id="index-slider-list">// this is present before loop;
<li><img src='source-here'></li> //it starts here
</ul>

<li>假设我想在这个函数中添加两个 div，第一个 div 有一个类并环绕整个li. 第二个是一个 div 也有一个class,id和data-toggle,id实际上是 php 并且它的语法可能会导致问题：

<ul id="index-slider-list">
<li>
<div class='thumbnail removable'> //here is new div
<div class='remove' id='{$row['id']}' data-toggle='remove'></div> //second div 
<img src='source-here'></li>"
</div> //ends
</ul>

这是我要去的地方（将这两行添加到function showUploadedItem）但它不起作用（显然），我还没有弄清楚如何发布 id 和数据切换：

div   = document.createElement("div").className += 'thumbnail removable',
remove   = document.createElement("div").className += 'remove';

li.appendChild(div);
div.appendChild(remove);

是因为我两次附加 li 吗？在这里采取的最佳方法是什么？任何建议将不胜感激。

4

1 回答 1

1

首先将元素创建为变量，然后将 id 和类名添加到变量中，如下所示。

var myDiv = document.createElement("div");
myDiv.id = 'myDiv';
myDiv.className = 'thumbnail removeable';

var remove = document.createElement("div");
remove.id = 'remove';
remove.className = 'remove';

此外，可以在这里发布完整的脚本，如果它真的很长，它将粘贴到 iframe 中，并且有助于更轻松地调试以查看其他情况。

于 2013-10-05T03:05:27.113 回答