首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >仅更改锚点javascript的文本

仅更改锚点javascript的文本
EN

Stack Overflow用户
提问于 2017-06-21 04:57:48
回答 3查看 51关注 0票数 0

我正在试着写一个简单的脚本,它将改变一个页面上许多锚的文本。我是Javascript的新手,我可以更改锚点,但它会更改整个标签,包括删除href。

如何在不影响href的情况下仅编辑文本?

代码语言:javascript
复制
<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>
EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2018-08-01 06:13:49

可以使用查询选择器来获取类为wpd-buttons-wrap-simple的元素中的所有a标记

代码语言:javascript
复制
document.querySelectorAll('.wpd-buttons-wrap-simple a');

然后,您可以设置链接的textContentinnerHTML

代码语言:javascript
复制
<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.querySelectorAll('.wpd-buttons-wrap-simple a');
          for(var i = 0; i < buybuttons.length; i++){
              buybuttons[i].textContent = "Test";
          };
      }

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

票数 0
EN

Stack Overflow用户

发布于 2017-06-21 05:12:07

使用'querySelectorAll',您可以获得元素、类和内部的元素,如下所示:

代码语言:javascript
复制
document.querySelectorAll('.wpd-buttons-wrap-simple > a')
票数 0
EN

Stack Overflow用户

发布于 2017-06-21 05:12:22

代码语言:javascript
复制
function buybuttons() {
            var buybuttons = document.querySelectorAll('.wpd-buttons-wrap-simple a');
            for(var i = 0; i < buybuttons.length; i++){
                buybuttons[i].innerHTML="Test";
            };
        }


buybuttons();

您当前正在覆盖div元素的innerHTML,但您正在查找div中的锚元素。

使用document.querySelectorAll获取所有参数,或使用document.querySelector仅获取第一个。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/44662874

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档