单击按钮替换内容

来源:互联网 发布:淘宝女装店推荐高品质 编辑:程序博客网 时间:2024/06/06 17:05
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>单击按钮替换内容</title>
    <script>
        function danji(){
            var divdom = document.getElementById("a");
           divdom.innerHTML="<span style='color:red'>这是span内容</span>"
           divdom.style.backgroundColor="green";
        }


    </script>
</head>
<body>
<div id = a>
    这是div内容
</div>
    <input type="button" value="单击我" onclick="danji()">


</body>

</html>


网页上点击按钮。替换页面的内容

0 0