CreateElement並附加兩個div

使用帶有javascript的createElement和appendchild。我正在努力研究並瞭解是否可以將div的類，數據等附加到div中。我當前的腳本在<li>中設置了一個圖像，我不會發布整個腳本（它很長），因爲這是第I部分相信我需要幫助，這裏是當前功能：CreateElement並附加兩個div

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>

讓我們說，我想兩個div添加這個功能，第一個div有一個類並且包含整個<li>，所以我追加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兩次？採取什麼樣的最佳方法？任何建議將不勝感激。

來源

2013-10-05 SethCodes

先創建你的元素作爲變量，然後將id和classname添加到像下面這樣的變量中。

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-05 03:05:27 tremor

CreateElement並附加兩個div

回答

相關問題