JavaScript document的使用2

转载于 2018-12-28 23:26:00 发布 · 94 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/jeco-li/p/10193377.html

文章标签：

#javascript #ViewUI

本文介绍了一个简单的HTML页面，其中包含一个按钮和一个红色的div元素。通过JavaScript，当点击按钮时，div的背景颜色会从红色变为黄色。这展示了如何在网页中使用JavaScript来动态地修改DOM元素的样式。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="js/test.js" type="text/javascript" charset="utf-8"></script>
</head>
<body style="height: 3000px;">
<button onclick="func()">按钮</button>
<div id="box" style="width: 100px;height: 200px;background-color: red"></div>
<script type="text/javascript">

 var jsDiv = document.getElementById("box")
    function func(){
        jsDiv.style.backgroundColor="yellow"
    }
</script>

</body>
</html>