자바 스크립트를 사용하여 HTML 클래스 이름 설정

Question

함수의 결과에 따라 클래스를 설정할 수 있도록 HTML 클래스 이름 대신 javascript 함수 호출을 사용할 수 있습니까? 예를 들어, 같은 : fSetClass (라는 이름의 함수를 호출)와 VNAME 그것으로 전달 된 매개 변수에 따라 유효한 CSS 클래스 이름을 다시받을

<a class="fSetClass(vName)" .... 

. 당신이 jQuery를 사용하는 경우, 사용 ATTR 대신 클래스를 설정하려면

감사

Answer 1

, 당신은 addClass 기능

$(element).addClass('add-this-class'); 

를 사용할 수 있습니다

$(element).attr('class','add-this-class'); 

Answer 2

아니, 그렇지 않아 당신이 HTML에서 묻는 것을 할 수 있습니다. 나중에 JavaScript를 사용하여 클래스를 추가 할 수 있습니다.

Answer 3

아니하지만 당신이 할 수있는 것은 그것에서 클래스 이름을 추가하거나 제거 다음 항목을 얻을 수있는 사용 JQuery와 있습니다 :

HTML

<div class="my-class">My Content</div> 

jQuery를

// will produce <div class="my-class added-class">My Content</div> 

var addClass = 1; 

if(addClass == 1) { 
    $(".my-class").addClass("added-class"); 
} 
else 
{ 
    $(".my-class").removeClass("removed-class"); 
} 

Answer 4

만

on*을 이벤트 핸들러 속성은 JavaScript 코드로 평가되지만 다른 속성은 평가되지 않습니다.

이미 말했듯이 클래스를 자바 스크립트와 함께 할당해야합니다. 당신이 jQuery를 사용하는 경우

element.className = fSetClass(vname); 

Answer 5

, 당신은 (.attr 사용하여 클래스를 설정할 수 있습니다) :

당신은 요소 ( element)에 대한 참조를 가정하면, 당신은 className^[MDN] 속성에 클래스를 지정해야 이 같은

$(document).ready(function() { 
    function fSetClass(vName){ 
    $("#element_id").attr('class', vName); 
    } 

    fSetClass('className'); 

}); 

Answer 6

매끄러운, 짧은 방법
document.onload = function(){
document.getElementById('your-element-id').className = fSetClass(vname);
}