변경 HTML ID로 요소

-2

가능한 중복 :이 주제에 대한 주제
Change an element's CSS class with JavaScript 변경 HTML ID로 요소

찾을 수 많은,하지만 아무도 나를 도왔다. 내가 가진 :

<div id="text-6" class="block col-228">

자바 스크립트 코드는 새로운 클래스에 맞는을 추가해야합니다, 그래서 결과는 같아야합니다

<div id="text-6" class="block col-228 fit">

어떻게 자바 스크립트로 그렇게 할 수 있나요?

출처

2012-07-10 elwins

향후 검색을 위해 [찾은 방법은 다음과 같습니다] (https://www.google.com/search?q=javascript+add+class+to+element). –

는 다음과 같이하십시오 :

var elem = document.getElementById("text-6"); 
elem.setAttribute("class", elem.getAttribute("class")+" fit");

중요 참고 : 당신은 당신의 DOM Hierarchy가 완전히 구성되어 있다는 보장 할 필요가 다음 DOM Element의 조작하려고합니다. 그래서 DOM 조작 스크립트를 window.onload 콜백에 넣거나 jQuery을 사용하는 경우 $(document).ready 콜백 내부에 넣어야합니다.

출처

2012-07-10 13:16:27 Engineer

'' 헤더에 추가 - - 그나마 다음이 div 태그의 근처 시도 , 아무것도 너무 – Engineer

스크립트 태그 사이에 다음을 입력하십시오.

document.getElementById('text-6').className += " fit";

출처

2012-07-10 13:16:32

jQuery을 사용하는 것이 좋습니다.

$("#text-6").addClass("fit");

편집 : 그럼 그냥 같은 것을 할 수있는 상황에 과잉 될 수있는 전체 jQuery 라이브러리를 포함

을하지만 DOM 조작으로 많이 처리하는 경우, jQuery를 사물을 단순화 할 수 있습니다 상당히. 이 것이 단지 한 가지 일 뿐이라면, 제공되는 다른 답 중 일부가 더 좋을 것입니다.

출처

2012-07-10 13:16:55

한 요소에 하나의 클래스 이름을 추가하기 위해 jQuery의 전체 소스를 포함시켜야한다고 주장 할 수는 없습니다. 조금 과장된 것 같습니다 ... – danwellman

@danwellman 나는 내 대답을 편집했습니다. 나는 여러 가지 조작이 이루어질 것이라고 가정하고 있었고, 그 질문은 단지 그것을 끝내는 방법에 관한 것이 었습니다. –

변경 HTML ID로 요소

답변

관련 문제