​x
 
<!DOCTYPE html>
<html>
<head>
</head>
<body>
​
<p>单击按钮创建一个 STYLE 元素，并将其放置在 head 部分。</p>
​
<button onclick="myFunction()">试一试</button>
​
<p>创建的 style 元素包含将更改此文档的字体属性的 css 声明。</p>
​
<script>
function myFunction() {
  var x = document.createElement("STYLE");
  var t = document.createTextNode("body {font: 20px verdana;}");
  x.appendChild(t);
  document.head.appendChild(x);
}
</script>
​
</body>
</html>
​