Question

你好我有这个html如下，如何在javascript函数myFunction中继承h1样式css。点击后选择默认的h1风格。感谢。

<html>

<style type="text/css">

 body {
    color: purple;
    font: normal 18px Verdana, Arial, sans-serif;
    background-color: white }

 h1 {
    color: Red;
    font: normal 20px Verdana, Arial, sans-serif;
    background-color: white }

</style>

<body>

<p id="demo"><h1>Click here.</h1></p>

<button onclick="myFunction()">Check it</button>

<script type="text/javascript">

function myFunction()
{
    document.writeln("<h1>", "Hello there", "</h1>");
}

</script>

</body>
</html>

Answer 1

document.write（和writeln）如果在文档处于关闭状态时调用（在DOM准备好之后），则首先调用{{ 1}}然后覆盖文档。

由于文档被覆盖，样式表将被销毁。

所以解决方案不要使用document.open 。请改用标准DOM方法。如果您需要介绍如何做到这一点，那么W3C主持一个web standards curriculum，其中包括有关遍历DOM以及创建和修改HTML的章节。

javascript函数中的<h1> </h1>属性

1 个答案: