使用javascript在無序列表中定位項目

我有一個demo。我想對齊來自JavaScript側的紅色箭頭，如picture。但我無法弄清楚我該怎麼做。如果我在.ikinciSol ul li a內添加float:left;塊箭頭向左但破折號和其他部分被破壞。使用javascript在無序列表中定位項目

function ytplayer_render_playlist() 
    { 
    var arrOfListNodes = Array.prototype.filter.call(document.getElementById('mylist').childNodes, function (e) {return e.tagName === 'LI';}); 
    for (var i = 0; i < ytplayer_playlist.length; i++) 
    { 
     var img = document.createElement("img"); 
     img.src = "track_arrow.gif"; 
     var a = document.createElement("a"); 
     a.href = "#ytplayer"; 
     a.onclick = (
     function(j) 
     { 
      return function() 
      { 
      ytplayer_playitem = j; 
      ytplayer_playlazy(0); 
      }; 
     } 
    )(i); 
     a.appendChild(img); 
     arrOfListNodes[i].insertBefore(a, arrOfListNodes[i].firstChild); 
    } 
    }

如何修改這些部分？還是有更簡單的方法呢？

來源

2012-12-06 Tahtakafa

擺脫img標籤和修改列表元素：

ul li { 
    list-style-image: url("track_arrow.gif"); 
}

來源

2012-12-06 21:10:20

如果我去做了幾許進去TW – Tahtakafa

面前現在就來試試......我editted評論使用列表，而不是浮動。 –

感謝您的支持。但是，如何在更改後使用JavaScript鏈接到這些圖像？來自javsscript的圖片鏈接已經在我的演示中。 – Tahtakafa

，可隨時更換div與span標籤，因爲你無論如何設置其顯示到inline。這似乎是工作，你可以擺脫所有的彩車性質太：

JSFiddle sample code

來源

2012-12-06 21:14:41 fatz

使用javascript在無序列表中定位項目

回答

相關問題