ダイナミックリンクのダイナミックに作成された名前を取得する

Question

一連のドキュメントのリンクを作成する必要があります。これらは動的に作成されるため、名前も異なります。テスト、Test2、1つ。 "Document TestN"のようなリンクを表示する必要があります。リンクは現在のドキュメントに従って変更されています。私は今、href = "id" onklick = bla + bla + bla "でリンクを作成できますが、名前は変更されません。 'Dashboard'の代わりに 'ConcreteSite'のダッシュボードを取得する必要があります。 pageHeaderによって名前：私はあなたが何をしようとして上で、これはあなたが後にしているものだと思いますが、より詳細あなたのコードに基づいて

document.getElementById("pageHeading").appendChild(pageHeading);

\t \t 
 
<script language="javascript" type="text/javascript"> 
 
    var siteNameAsParam = window.location.search; 
 
    var scrt_var = siteNameAsParam.split("siteName=")[1]; 
 
</script> 
 
<p>You are here: <a href="site-home-bpp" onclick="location.href=this.href+'?siteName='+scrt_var;return false;">Dashboard</a> </p>

Answer 1

素晴らしいでしょう。

<p>You are here: <a href="site-home-bpp">Dashboard</a> </p> 

<p>You are here: <a href="site-home-bpp-to">Dashboard</a> </p> 

<script> 
    document.addEventListener('DOMContentLoaded', function(event) { 
    var links = document.getElementsByTagName("a"); 
    for (i = 0; i < links.length; i++) { 
     var siteNameAsParam = window.location.search; 
     var scrt_var = siteNameAsParam.split("siteName=")[1]; 
     links[i].href = links[i].href + '?siteName=' + scrt_var; 
     links[i].innerText += ' fred'; 
    } 
    }, false); 
</script> 

これは、次の処理を行います、ページの読み込みで

• リンクを介してページ上のすべてのリンク
• ループを取得し、URL
• からクエリ文字列をつかむ上のクエリ文字列を分割siteName
• クエリ文字列を追加するURLを設定します。
• クエリ文字列を追加するリンクテキストを更新します。 tは存在しません（下記の注を参照）

注：あなたのコードは、すでにsiteName = SITENAMEHEREのURLにクエリ文字列があることを示しています。また、達成しようとしていることに応じて、おそらくもっと良いアプローチがあります。私はあなたの現在の質問に答えることを願っていますが、あなたはあなたが何を達成したかを見直すべきだと思います。

更新：

ここでは、私はあなたが望むかもしれないと思うものの異なる作業サンプルとjsfiddleです。うまくいけば助けてくれます。フィドルにはコメントがあります。私は、クリックイベントではなく、リンクが作成されたとき（イベントリスナーを設定し、必要に応じてテキストを更新するなど）にもっと努力したいと考えています。