2011-08-06 3 views
0

스타일을 지정하기 위해 인라인 요소의 자바 스크립트에서 인쇄 된 텍스트를 사용하는 것이 바람직하지 않습니까? 그렇다면 자바 스크립트로 인쇄 된 텍스트를 스타일링하는 적절한 방법은 무엇입니까?스타일을 지정하기 위해 인라인 요소에서 encase javascript를 사용하는 것이 바람직하지 않습니까?

예 :

<script> 
function produceMessage(){ 
    var msg= 'This should print'; 
    return msg; 
} 
</script> 


<span style="color:red">script> 
document.write(produceMessage()); 
</script></span> 

편집 : Changed document.body.appendChild(document.createTextNode(produceMessage())); D ocument.write(produceMessage());

답변

1

에는 나쁜 관행 스타일링을 위해 인라인 요소에 자바 스크립트에서가 케이스 인쇄 된 텍스트를 사용하는 것입니다?

일반적으로 말해서, 그렇습니다. HTML을 통해 JavaScript를 작성하십시오. 문서의 일부가 JavaScript 실행없이 이해가되지 않는다면, JavaScript로 추가되어야하며 기본 HTML에 포함되어서는 안됩니다.

그렇다면 자바 스크립트 인쇄 된 텍스트의 스타일을 지정하는 적절한 방법은 무엇입니까?

텍스트와 함께 적절한 의미 론적 마크 업을 생성하십시오. (스팬은 HTML에서 사용자가 추가하는 의미를 설명하지 않는 경우 최후의 수단입니다.) 어쨌든 작동하지 않을 것입니다

<span style="color:red"><script>document.body.appendChild(document.createTextNode(produceMessage()));

. 텍스트가 <body> 요소에 추가되었으므로 <span> 안에 있지 않습니다.

+0

다시 한번 감사 쿠엔틴, 매우 도움을 – user784637

0

<span> 요소에게 ID를 부여하고 innerHTML를 사용하여 텍스트를 삽입 :

document.getElementById("element_id").innerHTML = "string"; 

<span id="element_id"></span> 
관련 문제