자바 스크립트를 사용하여 클래스 이름 변경

Question

특정 div 클래스를 변경하고 싶습니다. 로드 - 더 많은 기능을 수행하고 있으며 새 정보를로드 할 때마다 올바른 정보로 업데이트해야합니다. 그래서, 내 .status 클래스를 선택하는이 함수를 만들기로 결정했습니다. answered-accepted 또는 answer-selected을 추가하고 싶습니다.

function updateSolvedStatus(viewsCount, object) { 
    if(object.solved_date) { 
     viewsCount.attr('class', 'status answered-accepted'); 
     console.log(viewsCount); 
    } else { 
     viewsCount.attr('class', 'status answer-selected'); 
    } 
} 

이것은 스마티, PHP의 템플릿 내 HTML div입니다. 그것은 조용한 간단합니다. solved_date가 null이 아닌 경우 클래스를 허용하고 null이 아닌 경우 클래스를 answer_selected으로 지정합니다.

이 방법을 사용하여 클래스 이름을 변경할 수있는 방법이 있습니까?

<div {if $question['solved_date']} 
      class="status answered-accepted" 
     {else} 
      class="status answer-selected" 
     {/if} 
       title="one of the answers was accepted as the correct answer"> 
      <div class="answers-count"> 
       <span title="{$question['answers_count']} answer">{$question['answers_count']}</span></div> 
      <div>answer</div> 
     </div> 

Answer 1

잘 모르겠습니다. 어떤 코드가 서버 측에서 실행되고 어떤 코드가 클라이언트 측에서 실행되는지는 알고 있다고 가정합니다. 당신은 자바 스크립트를 통해 요소의 클래스를 변경하려면이 같은 것을 사용할 수 있습니다

<!--HTML--> 
<div id=MyElement> 
</div> 

자바 스크립트

document.getElementById("MyElement").className = "status answered-accepted"; 

Answer 2

내 질문은 이해가되지 않습니다. 문제는 제가보고 한 것에서 오는 것이 아닙니다. CSS 문제입니다. 이걸 지우고 시간 낭비를해서 유감입니다.

종류에 관해서