用JS更改段落文本

Question

我目前正在为我的一位客户建立一个基于Wordpress的网站。长话短说：

我需要用javascript更改一些文本，就像我做了很多次一样。但是，这次它只是不起作用..这是我通过网站上的元素检查控制台使用的代码：

target = document.querySelector('sc_services_item_content p')
target.innerHTML = "Paragraph text changed!"

网站是http://sifaclinic.nl/wordpress/tr_TR/therapieen/，如果有人能够成功更改文字，那么你就是一个真正的救世主！在需要更改的段落下方。

Answer 1

document.querySelector返回与指定的CSS选择器匹配的第一个元素，但似乎您正在寻找第三个索引或索引2.

最好的办法是使用document.querySelectorAll(.sc_services_item_description p)[2]，它会返回包含.sc_services_item_description和p的元素数组，并访问索引2.让我知道这是如何解决的。

Answer 2

如果您想匹配网页上的多个元素，请使用querySelectorAll代替querySelector。

querySelector仅匹配找到的第一个元素。

querySelectorAll返回一个数组线对象，您可以迭代它并选择具有指定index的元素 - 在您的特定情况下 - 我假设它是2 - 并更改它，例如innerHTML属性。

var target = document.querySelectorAll('.sc_services_item_description p')
target[2].innerHTML = 'Changed!';

<div class="sc_services_item_description">
  <p>First element</p>
  <p>Second element</p>
  <p>Third element</p>
</div>