仅更改锚定javascript的文本_Javascript

仅更改锚定javascript的文本

javascript

仅更改锚定javascript的文本,javascript,Javascript,我正在尝试编写一个简单的脚本，它将更改页面上多个锚的文本。我是Javascript新手，我可以更改锚，但它会更改整个标记，包括删除href 如何仅编辑文本而不影响href <body> <div class="loop-add-to-cart"> <a href="/?preview_id=10822&preview_nonce=2f9a98329f&_thumbnail_id=-1&previ

我正在尝试编写一个简单的脚本，它将更改页面上多个锚的文本。我是Javascript新手，我可以更改锚，但它会更改整个标记，包括删除href

如何仅编辑文本而不影响href

<body>
   <div class="loop-add-to-cart">
      <a href="/?preview_id=10822&#038;preview_nonce=2f9a98329f&#038;_thumbnail_id=-1&#038;preview=true&#038;add-to-cart=11544" rel="nofollow" data-product_id="11544" data-product_sku="" data-quantity="1" class="add_to_cart_button product_type_simple ajax_add_to_cart">Add to basket</a>    
      <div class="wpd-buttons-wrap-simple" data-id="11544">
         <a href="http://802.f5f.myftpupload.com/11550-2/design/11544/" class="mg-top-10 wpc-customize-product">Design from blank</a>                  
      </div>
   </div>
   <script>
      function buybuttons() {
          var buybuttons = document.getElementsByClassName('wpd-buttons-wrap-simple');
          for(var i = 0; i < buybuttons.length; i++){
              buybuttons[i].innerHTML="Test";
          };
      }

      buybuttons();
   </script>
</body>


函数buybuttons（）{
var buybuttons=document.getElementsByClassName（'wpd-buttons-wrap-simple'）；
对于（变量i=0；i

使用可以获得类中的元素和内部元素，如下所示：
document.querySelectorAll('.wpd-buttons-wrap-simple > a')

功能按钮（）{
var buybuttons=document.querySelectorAll（'.wpd buttons包装简单a'）；
对于（变量i=0；i

您当前正在覆盖div元素的innerHTML，但正在查找div内部的锚元素
使用document.querySelector all获取所有标记，或使用document.querySelector仅获取第一个标记。
您可以使用查询选择器获取元素内具有类wpd按钮的所有a
标记：
document.querySelectorAll('.wpd-buttons-wrap-simple a');

然后可以设置链接的textContent
或innerHTML



函数buybuttons（）{
var buybuttons=document.querySelectorAll（'.wpd buttons包装简单a'）；
对于（变量i=0；i
你能举一个你如何抓住锚的例子吗？查看innerHTML-您正在更改div
的innerHTML
，而不是a
。使用document.queryselectoral（“.wpd按钮包装简单a”）：感谢您的帮助！
document.querySelectorAll('.wpd-buttons-wrap-simple a');