Question

我正在为我的客户在WordPress网站上工作，WordPress始终需要在此处和此处进行一些小的自定义调整。为了避免依靠插件来解决所有问题，我决定最终要给JavaScript应有的关注，并学习如何使用它进行必要的调整。到目前为止一切顺利！但是我认为我在某件事上碰壁。让我详细说明：

我的页面上有一个按钮，目的是加载比页面已显示的博客片段更多的博客片段。该按钮是样式化的锚标记，没有设置href属性，内部有一个span标记，所说的span包含按钮的文本。这是代码：

<nav class="vlt-pagination vlt-pagination--load-more">
    <a href="#" class="vlt-btn vlt-btn--primary">
        <i class="icofont icofont-spinner icofont-rotate"></i>
        <span>Load More</span>
        ::after
    </a>
</nav>

我的目标是仅使用Javascript将目标URL更改为实际的博客页面，并更改按钮文本。

完成了一半。我设法通过使用setAttribute（）更改了链接。到目前为止，它的工作原理就像是一种魅力：

var posts_button_container = document.getElementsByClassName("vlt-pagination")[0];
var posts_button = posts_button_container.firstChild;
posts_button.setAttribute("href","http://localhost/coan/blog/");

我碰到的那堵墙是我之后根本无法更改跨度的内容。这是我想出的代码：

var button_text = posts_button.getElementsByTagName("SPAN")[0];
button_text.innerText = "Leia mais";

我尝试使用.innerHTML和.textContent修改此代码，但无济于事。我尝试了console.log（button_text），以查看该函数正在获取哪种元素。原来，它在控制台上输出空白消息。

我是Java语言的新手，这意味着我可能正在看一些很基本的东西，但是现在我不明白我在这里做错了什么。感谢您为我提供的有关如何更改此跨度文字的所有见解！

谢谢。

Answer 1

您可以通过以下方式实现此目标：

=SMALL(IF(ISNA(MATCH(ROW(A$1:A$30),A$1:A$30,0)),ROW(A$1:A$30)),ROW(A1))

可以读取href属性并使用.href属性进行设置，因此在这种情况下您不需要setAttribute。

我希望这对您有帮助

跨度元素的内容不变

1 个答案: