How Can I Reliably Add a `` Tag to an HTML Page Using JavaScript?

Creating a

In this article, we will explore various approaches to insert a

Attempt with divNode.innerHTML

As outlined in the question, creating a

A Refined Solution

To improve upon the existing approach, you can add the

var css = "h1 { background: red; }";
var head = document.head || document.getElementsByTagName("head")[0];
var style = document.createElement("style");

head.appendChild(style);

style.type = "text/css";
if (style.styleSheet) {
  style.styleSheet.cssText = css; // IE8 and below
} else {
  style.appendChild(document.createTextNode(css));
}

This approach has been tested in IE 7-9, Firefox, Opera, and Chrome, ensuring cross-browser compatibility.

Alternative Approaches

Avoid Non-Standard Methods: Inserting

Limiting Browser Support: Relying solely on browsers that support divNode.innerHTML may not be feasible for wide-reaching applications.

Conclusion

By incorporating the refined solution or acknowledging the limitations of alternative approaches, you can effectively create

The above is the detailed content of How Can I Reliably Add a `` Tag to an HTML Page Using JavaScript?. For more information, please follow other related articles on the PHP Chinese website!