Javascript 내의 텍스트에 CSS 스타일을 적용 하시겠습니까?

Question

Javascript에서 CSS 스타일을 적용 할 수있는 방법이 있습니까?

"InfoFont"라는 CSS 스타일이 있는데 document.write("Information");에서 작성된 텍스트에 적용하려면 어떻게해야합니까?

Answer 1

원하는 CSS 클래스가 포함 된 태그로 동적으로 추가 할 내용을 래핑해야합니다.

실제로 콘텐츠를 document.write 통해 추가 하시겠습니까?

var newDiv = document.createElement("div"); 

newDiv.className = "InfoFont"; 
newDiv.innerHTML = "[YOUR CONTENT HERE]"; 

document.getElementById("[RELEVANT CONTAINER ID]").appendChild(newDiv); 

Answer 2

텍스트를 캡슐화하려면 span이나 div와 같은 문서 요소가 필요합니다. 그런 다음 캡슐화 요소에 스타일을 적용 할 수 있습니다.

주석이 언급 했으므로 document.write를 피해야합니다. jquery 나 다른 프레임 워크를 사용하여 DOM에 액세스 할 수 있다면 조작하는 것이 좋습니다.

Answer 3

이 방법을 시도해보십시오 :

그것은이 같은 것을 볼보다 일반적인 것 -

var ele = document.createElement('div'); 
ele.setAttribute('id', 'ELEMENTID'); 
ele.setAttribute('className', 'InfoFont'); // OR ele.className = 'InfoFont'; 
ele.innerHTML = "CONTENT"; 

매트의 코멘트 대답은 간단 최선의 대답은 @.