0

你好我有这个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>
4

1 回答 1

1

document.write(and writeln) 如果在文档处于关闭状态时调用（在 DOM 准备好之后）将首先调用document.open然后覆盖文档。

由于文档被覆盖，样式表被破坏。

所以解决方案是不要使用document.writeln. 请改用标准 DOM 方法。如果您需要介绍如何做到这一点，那么 W3C 提供了一个Web 标准课程，其中包括关于遍历 DOM 和创建和修改 HTML 的章节。

于 2013-03-28T15:28:30.700 回答