Javascript에서 다른 텍스트 장식 정의를 추가하는 방법은 무엇입니까?

Question

자바 스크립트를 사용하여 다른 텍스트 장식 클래스를 이미 링크 된 클래스에 추가하고 싶습니다.

활성화 된 링크가 text:decoration=none이어야합니다.하지만 모든 링크에 적용되기 때문에 CSS로 처리 할 수 ​​없습니다. 그렇다면 장식이없는 새 클래스를 선언하면됩니다.

JavaScript로 어떻게 가능합니까?

Answer 1

당신은 이런 식으로 작업을 수행 할 수 있습니다

var elem = document.getElementById('ELEMENT_ID_HERE'); 
elem.style.textDecoration = 'none'; 

Answer 2

당신이 CSS 클래스를 사용하려면 :

var element = document.getElementById(idOfElement); 
element.className = element.className + " noDecorationClass"; 

이 요소에 새 클래스를 추가, 당신은 또한 기존 하나를 덮어 쓸 수 있습니다.

element.className = "noDecorationClass"; 

Answer 3

mootools (http://mootools.net/)와 같은 프레임 워크를 사용하는 것이 좋습니다. 프레임 워크와

으로는 간단 :

이

element.addClass('my_new_css_class'); 

또는 당신은 당신이 고유 ID를 설정하면 당신이 사용하는 모든 링크에 새로운 스타일

element.setStyle('text-decoration', 'none'); 

Answer 4

을 추가 한 다음에 참조 할 수 스크립트의 링크를 통해 변경할 링크를 변경할 수 있습니다.

document.getElementById('YourLinksId').style.textDecoration = 'overline'; 
document.getElementById('yourLinksId').onmouseover.style.textDecoration = 'blink'; 

직접 설정 한 스타일 요소에 대해 css 클래스에 설정된 모든 속성이 대체됩니다.

편집 : 죄송합니다. 귀하의 질문에 대해 오해 한 것 같습니다. 이 링크를 클릭했을 때 같은 활성화 의미하는 경우, 마우스 오버 요법 다음을 수행 할 수 있습니다

a:link {color: #FF0000}  /* unvisited link */ 
a:visited {color: #00FF00} /* visited link */ 
a:hover {color: #FF00FF} /* mouse over link */ 
a:active {color: #0000FF} /* selected link */ 

더 많은 자원을 w3schools

Answer 5

에서이 클릭하는 동안 활성 링크가 활성 입니다.

마우스 버튼을 놓 자마자 더 이상 활성 상태가 아닙니다. 따라서 a : 활성을 사용하면 모두 링크에만 적용되므로 한 번에 하나씩 활성화됩니다.

나는 당신이 정말로 당신의 텍스트 장식을 유지하기를 원한다고 생각한다 : 다른 링크가 클릭 될 때까지 아무 것도 클릭하지 않고 자바 스크립트가 필요하다. 내가 틀렸다면 @ ChrisAD의 예를 따르되 다음을 추가하십시오.

a:active {color: #0000FF; 

    text-decoration: none; 

} /* selected link */