Fatal编程技术网
  • javascript/
  • 通过javascript向锚定标记添加参数

通过javascript向锚定标记添加参数

javascript html

通过javascript向锚定标记添加参数,javascript,html,Javascript,Html,我想通过JavaScript向锚定标记添加参数。我不想为此使用jQuery。这是我的html锚定标记 <div class="u-right u-half"><a href="http://example.com/register/" class="u-button u-alt">Register</a></div> 如何使用JavaScript实现这一点？ document.getElementById（“占位符”）.href+='？page=

我想通过JavaScript向锚定标记添加参数。我不想为此使用jQuery。这是我的html锚定标记

<div class="u-right u-half"><a href="http://example.com/register/" class="u-button u-alt">Register</a></div>
如何使用JavaScript实现这一点？

document.getElementById（“占位符”）.href+='？page=search'

要使与某些css选择器匹配的所有锚定/元素都能实现这一点，请执行以下操作：


[...document.querySelectorAll('.u-right .u-button')]
  .forEach(node => node.href += '?page=search')


老派js：


Array.prototype.slice.call(document.querySelectorAll(…))
  .forEach(function (node) { … });



使用
getElementsByClassName（）
和
setAttribute（）
可以执行以下操作



var-anchor=document.getElementsByClassName（'u-button'）[0]；
setAttribute（'href'，anchor+'？page=search'）
控制台日志（锚）

您应该避免回答重复的问题。是的@AnkitAgarwal我没注意到！！谢谢你的帮助。我已尝试此代码，但它导致了错误。未捕获的TypeError:无法读取null的属性“href”。导致此错误的原因。是否已将id=“placeholder”添加到元素中@我已经解决了这个问题，为此我添加了document.addEventListener（“DOMContentLoaded”，function（）{}）；围绕我的代码，现在它是完美的工作。非常感谢。

Array.prototype.slice.call(document.querySelectorAll(…))
  .forEach(function (node) { … });