菜鸟教程 tryjsref_style_create 在线代码实例

运行 保存 全屏 右侧展示 实时查看
主题:

 <p>点击按钮创建一个 STYLE 元素,并把它放置在头部区域。</p>

<button onclick="myFunction()">尝试一下</button>

<p>被创建的 style 元素包含了改变文档 font 属性的 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>