javascript - 如何根据Javascript中的url向div添加类？

如何使用纯Javascript将类添加到特定页面上的特定类？我玩了很多不同的代码片段，但是什么也做不到。我要找的东西如下：

<script>
    if (window.location.href == 'http://specific-page.com') {
      $(somecode).find('existingClass').addClass('newClass');
   };
</script>

最佳答案

您可以使用querySelectorAll加NodeList.forEach()。
此外，您还可以查看Element.classList methods。
片段：

//
// For test purposes only
//
window.location.href1 = 'http://specific-page.com';


if (window.location.href1 == 'http://specific-page.com') {
  document.querySelectorAll('#myDiv .existingClass').forEach(function(ele, idx) {
    ele.classList.add('newClass');
  });
};

.existingClass {
  height: 30px;
  background-color: red;
}
.newClass {
  border-style: dotted;
}

<div id="myDiv">
    <p class="existingClass">Thbis is a sample string</p>
</div>