段落不随Javascript而改变

Question

我有以下HTML代码。包含.sc_services_item_description类的div需要使用javascript进行更改。所以我尝试了以下内容：

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

<div class="swiper-slide swiper-slide-duplicate" data-style="width:100%;" style="width: 250px; position: relative;" data-swiper-slide-index="2">
  <div class="sc_services_item_wrap">
    <div id="sc_services_1448898461_3" class="sc_services_item sc_services_item_3 odd">
      <div class="sc_services_item_featured post_featured">
      </div>
      <div class="sc_services_item_content">
        <h4 class="sc_services_item_title"><a href="http://sifaclinic.nl/wordpress/services/acupunctuur/">Acupunctuur</a></h4>
        <div class="sc_services_item_description">
          <p>Een bewezen behandelmethode die stamt uit de Traditionele Chinese Geneeswijze.</p>
        </div>
      </div>
    </div>
  </div>
</div>

然而，它不起作用。有人可以解释一下我做错了吗？

编辑：适用于此处，但不适用于website。