JavaScript에 조건문 추가

Question

Outlook에서 내 이메일에 둥근 버튼을 표시하는 데 문제가 있습니다. 나는 VML을 시도하고 싶다.

<!--[if mso]> 
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://www.EXAMPLE.com/" style="height:40px;v-text-anchor:middle;width:300px;" arcsize="10%" stroke="f" fillcolor="#d62828"> 
    <w:anchorlock/> 
    <center style="color:#ffffff;font-family:sans-serif;font-size:16px;font-weight:bold;"> 
     Button Text Here! 
    </center> 
</v:roundrect> 
<![endif]--> 
<!--[if !mso]> <!--> 

이메일은 자바 스크립트로 생성됩니다. JavaScript로 조건부 주석을 만들려면 어떻게해야합니까?

편집 1 : 이 document.createComment 사용은 : if의, endif이 있지만

<!--My personal comments-->

:이 같은 주석을 추가로

var c = document.createComment("My personal comments");

도움이 될 것 같지 않습니다 등등. 이러한 조건을 주석에 추가하는 방법은 무엇입니까?

Answer 1

당신은 DOM 노드에 추가 한 후 주석 노드를 만들 Document.createComment()를 사용할 수 있습니다. 귀하의 경우 그래서

//make a comment 
 
var comment = document.createComment("I am a generated comment"); 
 
//append it to an element 
 
document.querySelector("html").append(comment);

...

var comment = document.createComment('[if mso]> <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://www.EXAMPLE.com/" style="height:40px;v-text-anchor:middle;width:300px;" arcsize="10%" stroke="f" fillcolor="#d62828"> <w:anchorlock/> <center style="color:#ffffff;font-family:sans-serif;font-size:16px;f‌​‌​ont-weight:bold;"> Button Text Here! </center></v:roundrect><![endif]'); 
document.querySelector("html").append(comment); 

는 ... 트릭을 할해야합니다. Conditional Comments 동안 실제로 한 일반 HTML 주석의 사이에 일부 HTML 2 개 특별한 의견처럼 보일 수도

는

참고.