[SVG] SVG element의 class 값을 jquery 이용해서 변경하기

SVG 의 element 의 class 변경 하기

이러한 경우  jQuery 에서 제공하는 removeClass/addClass  메소드가 동작하지 않는다.

변경하는 방법은 다음과 같다.

$('#elementId').attr('class', 'changeClass');

여러개를 적용 하려면 다음과 같이 여러개의 클래스명을 사용하면 된다.

$('#elementId').attr('class', 'changeClass1 changeClass2');


** 기존의 class 를 통째로 교체 하기 때문에 필요한 클래스를 모두 써줘야 한다.

[SVG] Raphaeljs 사용 팁 - ID 와 Class 설정

1. element에 아이디 설정하기
svg  요소를 조작하기위해서 아이디를 설정해야 하는 경우가 있다. 이때 다음과 같이 설정하면 된다. 

element.node.id = myid;

*notice : set 인경우에 id 항목이 없다. 따라서 해당 element 까지 내려가서 설정해야 한다. 
 ex) set1[0][0].node.id = myid;


2. element 에 css용 클래스 설정하기 

 element.node.setAttribute("class","myclass");

*notice : 위와 동일