如何將類或樣式應用於IE中的某個HTML元素？

Question

我正在做一個應用程序，它必須將XML樹中的元素解析爲HTML，並且在所有瀏覽器中它都很順利，但IE不希望將這些樣式應用於元素。我怎麼能解決這個問題？

function add2Doc(elmnt, domDoc, newEl) 
{ 
    /* 
    * This function transform an 
    * element to into the an acceptable 
    * part of another document, I know 
    * exist some beatiful function called 
    * importNode but IE, like always doesn't 
    * accept. 
    */ 
    if (typeof newEl == 'undefined'){ 
     var newEl = domDoc.createElement(elmnt.tagName); 
    } 
    if (elmnt.attributes.length > 0){ 
     for (var cont = 0; cont < elmnt.attributes.length; cont++){ 
      if (getBrowser() == 0){ 
       /* 
       * This part of the code it's for the 
       * assholes of MS, what doesn't have 
       * any kind of consideration for 
       * the others, this kind of things 
       * consume resources and 
       * makes more slower the crap of IE. 
       */ 
       if (elmnt.attributes[cont].specified == true){ 
        newEl.setAttribute(elmnt.attributes[cont].nodeName, elmnt.attributes[cont].nodeValue); 
       } 
      }else{ 
        newEl.setAttribute(elmnt.attributes[cont].nodeName, elmnt.attributes[cont].nodeValue); 
      } 
     } 
    } 
    childs = elmnt.childNodes; 
    if (elmnt.childNodes.length > 0){ 
     for (var cont = 0; cont < elmnt.childNodes.length; cont++){ 
      child = elmnt.childNodes[cont]; 
      if (child.nodeType == 1){ 
       newChild = new add2Doc(child, domDoc, domDoc.createElement(child.tagName)); 
       newEl.appendChild(newChild); 
      }else if(child.nodeType == 3){ 
       if (getBrowser() == 1){ 
        newEl.appendChild(domDoc.createTextNode(child.nodeValue)); 
       }else{ 
         if (newEl.tagName == 'STYLE'){ 
          newEl.csstext = child.nodeValue; 
         }else if (newEl.tagName == 'SCRIPT'){ 
          newEl.text = child.nodeValue; 
         } else{ 
         newEl.innerText = child.nodeValue; 
         } 
        } 
      } 

     } 
    } 
    return newEl; 
} 

Answer 1

除了在你的樣式表中的相應的CSS類，你需要這樣做：

var box = document.createElement("div"); 
box.className = 'your_css_class'; /*forces styling in ie*/ 

Answer 2

您可以應用瀏覽器特定的樣式表或將內聯的CSS黑客修復這些東西。

http://www.maratz.com/blog/archives/2005/06/16/essentials-of-css-hacking-for-internet-explorer/

Answer 3

你應該使用條件註釋：這裏

<!--[if IE]> 
<script type="text/javascript"> 
// do something here 
</script> 
<![endif]--> 

文章： http://www.quirksmode.org/css/condcom.html