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

Question

如何使用纯 Javascript 将类添加到特定页面上的特定类？我尝试过许多不同的代码片段，但无法让任何东西发挥作用。我正在寻找类似以下内容:

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

Answer 1

您可以使用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>