1

私はデモを持っています。画像のように、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);
    }
  }

これらの部分を変更するにはどうすればよいですか? それとももっと簡単な方法がありますか？

4

2 に答える 2

1

img タグを取り除き、リスト要素を変更します。

ul li {
   list-style-image: url("track_arrow.gif");
}
于 2012-12-06T21:10:20.293 に答える
1

とにかく表示を に設定するので、divをタグに置き換えることができます。これは機能しているようです。すべてのフロート プロパティも削除できます。spaninline

JSFiddle サンプルコード

于 2012-12-06T21:14:41.313 に答える