[英]Positioning items in unordered list with javascript
我有一个演示 。 我想使从JavaScript端留样中来了红色箭头的图片 。 但我无法弄清楚我该怎么做。 如果我添加float:left;
在里面.ikinciSol ul li a
方块箭头向左移动,但破折号和其他部分被摧毁。
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);
}
}
我该如何修改这些部分? 或者有更简单的方法吗?
摆脱img标记并修改列表元素:
ul li {
list-style-image: url("track_arrow.gif");
}
您可以使用span
标签替换div
,因为无论如何将其显示设置为inline
。 这似乎工作,你也可以摆脱所有的浮动属性:
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.