JavaScript / jQuery“未捕獲的TypeError” classList

Question

我一直在尋找答案，但是我什么都沒找到。.所以，如果您認為這是重復的話，請告訴我，我會刪除它，謝謝。

當我寫類似body.classList.add("someExampleClass"); 控制台告訴我Uncaught TypeError: Cannot read property 'add' of undefined 。 我已經添加了CDN

//cdnjs.cloudflare.com/ajax/libs/classlist/2014.01.31/classList.min.js

但它保留了錯誤，我已經嘗試過使用Chrome和Safari。

那是完整的代碼：

HTML

  <svg height="35" width="35" id="rect1" class="" onmouseover="over()">
      <rect width="35" height="35"/>
  </svg>

JS

function over() {
  $('p').classList.add("purple");
}

在此先感謝大家，並度過美好的一天。

Answer 1

您應該嘗試這樣：

$('p')[0].classList.add("purple");

或這個：

$('p').addClass("purple");

Answer 2

classList是DOM屬性。 所以你的代碼應該是

$('p')[0].classList.add("purple");

要么

 $('p').get(0).classList.add("purple");

$('p')是一個jquery對象，get（）會將其轉換為dom對象。

或者您可以簡單地使用

$('p').addClass("purple")