JS를 사용하여 오른쪽에서 왼쪽으로 이동 경로를 표시하는 방법?

Question

빵 부스러기 탐색 메뉴를 오른쪽에서 왼쪽으로 표시하려면 어떻게해야합니까?

예컨대 : 그 방향을 왼쪽에서 오른쪽으로 표시하지만 올바르게 조작하는 방법을 알 수없는 나는 아래 내가 스크립트를 사용하고 « myPage « Home

document.title이.

<script language="JavaScript"> 
<!-- 
    function breadcrumbs(){ 
    sURL = new String; 
    bits = new Object; 
    var x = 0; 
    var stop = 0; 
    var output = "<div class=topnav><A HREF=/>Hyperdisc</A> &raquo; "; 

    sURL = location.href; 
    sURL = sURL.slice(8,sURL.length); 
    chunkStart = sURL.indexOf("/"); 
    sURL = sURL.slice(chunkStart+1,sURL.length) 

    while(!stop){ 
     chunkStart = sURL.indexOf("/"); 
     if (chunkStart != -1){ 
     bits[x] = sURL.slice(0,chunkStart) 
     sURL = sURL.slice(chunkStart+1,sURL.length); 
     }else{ 
     stop = 1; 
     } 
     x++; 
    } 

    for(var i in bits){ 
     output += "<A HREF=\""; 
     for(y=1;y<x-i;y++){ 
     output += "../"; 
     } 
     output += bits[i] + "/\">" + bits[i] + "</A> &raquo; "; 
    } 
    document.write(output + document.title); 
    document.write("</div>"); 
    } 
// --> 
</script> 

표시하는 :

Home » myPage » document.title이 당신이를 위해 JS 필요하지 않습니다

Answer 1

. 필요한 것은 direction CSS 속성입니다. 다음은 테스트 케이스 http://jsbin.com/welcome/55152/edit입니다. Support for direction property is good

주요 포인트는 당신이 절대적이 여기에 대한 JS를 사용하는 경우

ul { 
    direction: rtl; 
} 
li { display: inline; } 
a { display: inline-block; } 

업데이트]는 간단한 코드 조각입니다 :

var list = document.getElementById('nav'), 
    lis = document.querySelectorAll('li'), 
    l = lis.length - 1, 
    i, 
    newList = document.createElement('ul'); 

for(i = l; i >= 0; i--) { 
    newList.appendChild(lis[i]); 
} 
list.parentNode.replaceChild(newList, list); 

코드 조각은 가정 마크 업 같은 :

<ul id="nav"> 
    <li><a href="#">Home</a></li> 
    <li><a href="#">myPage</a></li> 
    <li>Document</li> 
</ul> 

테스트 경우는 여기 - 실제는 문제의 실제 코드에 관해서

당신이 모든 것을 대체 할 수 있습니다 조각이 조각과() 루프의 마지막을 포함하여 업데이트 http://jsbin.com/welcome/55163/edit

:

document.write(output + document.title); 
for(var i = bits.length - 1; i >= 0; i--){ 
    output += "&laquo; <A HREF=\""; 
    for(y=1;y<x-i;y++){ 
    output += "../"; 
    } 
    output += bits[i] + "/\">" + bits[i] + "</A>"; 
} 
document.write("</div>");