在字符'？'之後修剪字符串getElementsByClassName不起作用

Question

整理顯示在動態填充列表中的URL;已經設法從開始刪除完整的域名，但現在需要在'？'後修剪所有字符。爲所有結果。 getElementsByClassName不適合我，我不知道爲什麼。

CodePen Snippet

使用：

var oldURL = "some?text"; 
// var oldURL = document.getElementsByClassName("slimBreadcrumb"); 
oldURL = oldURL.substring(0, oldURL.indexOf("?")); 
document.write(oldURL); 

和：

var styleBreadcrumb = document.getElementsByClassName("slimBreadcrumb"); 
    for (var i = 0; i < styleBreadcrumb.length; i++) { 
    var str = styleBreadcrumb[i].innerHTML; 
    var text = str 
     .replace(/http:|https:/, "") 
     .replace(/\/\//g, "") 
     .replace("www.google.com/", "") 
     .replace(/\//g, " > ") 
     .replace(/-/g, " "); 
    styleBreadcrumb[i].innerHTML = text; 
    } 

上：

<div> 
    <ul> 
    <li> 
     <a class="slimBreadcrumb" href="http://www.google.com">http://www.google.com/apples/before?after-asdfstrwggs-adf?fadsfad</a> 
    </li> 
    <li> 
     <a class="slimBreadcrumb" href="#">http://www.google.com/apples/oranges/peaches/pears</a> 
    </li> 
    <li> 
     <a class="slimBreadcrumb" href="#">https://www.google.com/apples/oranges/peaches/pears</a> 
    </li> 
    <li> 
     <a class="slimBreadcrumb" href="#">http://www.google.com/apples/oranges/peaches/pears-watermelons-apricots</a> 
    </li> 
    <li> 
     <a class="slimBreadcrumb" href="#">http://www.google.com/apples/before?after-asdfstrwggs-adf?fadsfad</a> 
    </li> 
    </ul> 
    <script type="text/JavaScript"> 
    </script> 
</div> 

Answer 1

喜歡這個？

var styleBreadcrumb = document.getElementsByClassName("slimBreadcrumb"); 
 

 
for (var i = 0; i < styleBreadcrumb.length; i++) { 
 
    var str = styleBreadcrumb[i].innerText.trim(); 
 
    var text = str 
 
    .replace(/http:|https:/, "") 
 
    .replace(/\/\//g, "") 
 
    .replace("www.google.com/", "") 
 
    .replace(/\//g, " > ") 
 
    .replace(/-/g, " "); 
 
    text = text.split('?')[0]; 
 
    styleBreadcrumb[i].innerHTML = text; 
 
}

<div> 
 
    <ul> 
 
    <li> 
 
     <a class="slimBreadcrumb" href="http://www.google.com">http://www.google.com/apples/before?after-asdfstrwggs-adf?fadsfad</a> 
 
    </li> 
 
    <li> 
 
     <a class="slimBreadcrumb" href="#">http://www.google.com/apples/oranges/peaches/pears</a> 
 
    </li> 
 
    <li> 
 
     <a class="slimBreadcrumb" href="#">https://www.google.com/apples/oranges/peaches/pears</a> 
 
    </li> 
 
    <li> 
 
     <a class="slimBreadcrumb" href="#">http://www.google.com/apples/oranges/peaches/pears-watermelons-apricots</a> 
 
    </li> 
 
    <li> 
 
     <a class="slimBreadcrumb" href="#">http://www.google.com/apples/before?after-asdfstrwggs-adf?fadsfad</a> 
 
    </li> 
 
    </ul> 
 
</div>