の挿入JavaScript でタグ付けする 質問: を作成するにはどうすればよいですか?タグを追加し、JavaScript を使用して HTML ページに挿入しますか? innerHTML を使用する現在のソリューションよりもエレガントでブラウザ間互換性のある方法はありますか?</p> <p><strong>回答:</strong></p> <p>推奨されるアプローチは、style 要素を追加することです。 <head> に直接文書の。この方法は、Chrome を含む主要なブラウザ間で一貫して機能します。改善されたソリューションは次のとおりです。</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>var css = 'h1 { background: red; }', head = document.head || document.getElementsByTagName('head')[0], style = document.createElement('style'); head.appendChild(style); style.type = 'text/css'; if (style.styleSheet) { // This is required for IE8 and below. style.styleSheet.cssText = css; } else { style.appendChild(document.createTextNode(css)); }</pre><div class="contentsignin">ログイン後にコピー</div></div> <p>この方法には次の利点があります。</p> <ul> <li>よりエレガントで簡潔です。</li> <li>すべての主要なブラウザで動作します。 </li> <li>これにより、追加の <br> が不要になります。クロスブラウザの問題を修正するには、style タグの前に要素を追加します。</li> </ul>
