Changing "New Item" Text

Question

I want to change the "New Item" text into "Yeni Ekle". I viewed the source of the list from browser. Here is the part of the New Item;

<a id="idHomePageNewItem" ...........>
  <span ...>
    <img id="idHomePageNewItem-img" ....></img>
  </span>
  <span>  new item  </span>
</a> 

And here is my code for change the text. But it doesn't work. Why doesn't it work?

Updated:

<asp:content contentplaceholderid="PlaceHolderAdditionalPageHead" runat="server">
    <SharePoint:RssLink runat="server"/>
    <SharePoint:scriptlink ID="ScriptLink" Name="SP.js" runat="server" OnDemand="true" Localizable="false"></SharePoint:ScriptLink> 
    <script type="text/javascript" src="/../../../Style Library/SolidQ-SPS-JS.js"></script>
    <script type="text/javascript">
        ExecuteOrDelayUntilScriptLoaded(ChangeText,"sp.js");
        function ChangeText() {
          document.getElementById('idHomePageNewItem').getElementsByTag("span")[1].innerHTML="Yeni Ekle";
        }
    </script>
</asp:content>

Answer 1

Try change getElementsByTag to getElementsByTagName as that is the valid Javascript DOM selector

So the solution script is:

<script type="text/javascript">
    ExecuteOrDelayUntilScriptLoaded(ChangeText,"sp.js");
    function ChangeText() {
      document.getElementById('idHomePageNewItem').getElementsByTagName("span")[1].innerHTML="Yeni Ekle";
    }
</script>

Answer 2

There could be multiple reasons, either your javascript is executing before the control text has been rendered, or your selection method is not correct.

Have you tried triggering the function manually after the page has fully loaded from the console?