Question

我在SVG中有一个JavaScript（纯粹，简单的JS，没有jQuery），我通过document.getElementById（）获取<path>。现在我尝试为此添加一个“活跃”类但我被卡住了。

到目前为止，这是我的（简化）代码：

var element = document.getElementById(myId);
//A console.log(element) returns the <path>-Object, so I guess this is working.

if (element) {
    //Add a class
}

我可以获得-Object的当前类：

console.log(element.className.baseVal);

但是我不能为此添加“主动”......我尝试了几种方法，例如。

element.attr('class', className + ' active');

..返回

Uncaught TypeError: Object #<SVGPathElement> has no method 'attr'

有一种简单的方法可以在空白的JavaScript中执行此操作吗？我在这里错过了什么吗？

Answer 1

这样做：

element.setAttribute('class', className + ' active');

你试图用jquery的语法

来做

Answer 2

使用setAttribute() javascript .attr()是jquery函数。

在SVG </path>中操作<path>的类

2 个答案: