获取动态创建的动态链接名称

时间:2016-08-07 23:18:38

标签: javascript jquery html

我需要为一组文档创建一个链接。它们是动态创建的,因此名称也不同,f.ex。测试,测试2,所以一个。 我需要显示像" Document TestN"这样的链接,其中链接根据当前文档而改变。我现在可以通过href =" id"来创建链接。 onklick = bla + bla + bla",但名称不会改变。而不是' Dashboard'我需要获得" ConcreteSite"'的仪表板,我可以通过pageHeader获取名称:



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






	 	
<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>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

根据您的代码,我认为这就是您所追求的内容,但有关您尝试做的事情的详细信息会很棒。

<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>

执行以下操作:

  • 页面加载获取页面上的所有链接
  • 遍历链接并从网址
  • 获取查询字符串
  • 在siteName
  • 上拆分查询字符串
  • 设置每个链接网址以添加查询字符串
  • 更新链接文本以附加查询字符串(如果不存在则未定义(请参阅下面的注释)

注意:您的代码暗示您已在siteName = SITENAMEHERE的网址中包含查询字符串。此外,根据您尝试实现的目标,可能有更好的方法。我希望能回答你当前的问题,但我认为你应该回顾一下其他人如何实现你的目标。

<强>更新

这是jsfiddle,其中包含我认为您可能想要的不同的工作样本。希望它有所帮助。小提琴中有评论。我想你想在创建链接时尝试做更多事情(在那里设置事件监听器,根据需要更新文本等)而不是点击事件。