ナビゲーションブロック内のリンクのタイトルを変更

Question

ナビゲーションブロック内のリンクのタイトルをJavaScriptで変更する方法をいくつか試しましたが、役に立たなくなりました。

紛失しているものがありますか？

ここでは、サイトを経由して、元のコードです：ここで

<div id="left-side" class="ic-app-course-menu list-view" style="display: block"> 
      <span id="section-tabs-header-subtitle" class="ellipsis">Sandbox</span> 
     <nav role="navigation" aria-label="Courses Navigation Menu"><ul id="section-tabs"><li class="section"><a href="/courses/16289" title="Home" class="home" tabindex="0">Home</a></li><li class="section"><a href="/courses/16289/external_tools/375" title="Course Syllabus" class="context_external_tool_375" tabindex="0">Course Syllabus</a></li><li class="section"><a href="/courses/16289/modules" title="Modules" class="modules active" tabindex="0">Modules</a></li><li class="section"><a href="/courses/16289/grades" title="Grades" class="grades" tabindex="0">Grades</a></li><li class="section"><a href="/courses/16289/users" title="People" class="people" tabindex="0">People</a></li></ul></nav> 
    </div> 

は、私はちょうど「シラバス」

if (ENV.current_user_roles.indexOf("admin") < 1){ 
 
    $(document).ready(function() { 
 
    document.querySelector('#section-tabs a.context_external_tool_375').innerHTML = "Syllabus"; 
 
}); 
 
}

にタイトル「コースシラバス」を変更しようとするために使用しているJavascriptのです

助けていただければ幸いです:-)

Answer 1

正確な考えがあり、コードはが期待どおりに動作するはずです。ただし、ユーザーが管理者であるかどうかを確認する条件は、の内に実際にになるはずです。それを言っても、それは今でもあなたがそれを持っている方法を引き金にするでしょう。このように

、2つのだけの可能なものがあなたのために動作しないスクリプトを原因があることができます：あなたはjQueryのを含めるのを忘れている

あなたの条件はtruthyであることを評価されていない

jQueryをインクルードし、常にtrueのものに条件を代入すると、次の例に示すように、名前の変更が機能していることがわかります。

$(document).ready(function() { 
 
    if (1) { 
 
    document.querySelector('#section-tabs a.context_external_tool_375').innerHTML = "Syllabus"; 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div id="left-side" class="ic-app-course-menu list-view" style="display: block"> 
 
    <span id="section-tabs-header-subtitle" class="ellipsis">Sandbox</span> 
 
    <nav role="navigation" aria-label="Courses Navigation Menu"> 
 
    <ul id="section-tabs"> 
 
     <li class="section"><a href="/courses/16289" title="Home" class="home" tabindex="0">Home</a></li> 
 
     <li class="section"><a href="/courses/16289/external_tools/375" title="Course Syllabus" class="context_external_tool_375" tabindex="0">Course Syllabus</a></li> 
 
     <li class="section"><a href="/courses/16289/modules" title="Modules" class="modules active" tabindex="0">Modules</a></li> 
 
     <li class="section"><a href="/courses/16289/grades" title="Grades" class="grades" tabindex="0">Grades</a></li> 
 
     <li class="section"><a href="/courses/16289/users" title="People" class="people" tabindex="0">People</a></li> 
 
    </ul> 
 
    </nav> 
 
</div>

この情報がお役に立てば幸い！ :)