JavaScript / jQuery“Uncaught 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")