html dom动态改变字体

来源：互联网发布：java.io.temp 编辑：程序博客网时间：2024/05/18 03:27
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <style  type="text/css">        a:link,visited {            background-color: #b3d4fc;            text-decoration: none;        }        a:hover {            background-color: yellow;        }        .max{            font-size: 50px;            background-color: blue;            color: #222222;        }        .middle{            font-size: 20px;            background-color: darkgreen;            color: #222222;        }        .min{            font-size: 10px;            background-color: beige;            color: #222222;        }    </style></head><body>    <script type="text/javascript" src="js/write.js"></script>    <script type="text/javascript">        function changeFont(size) {            var oDivNews=document.getElementById("divNews");            oDivNews.style.fontSize=size;        }        function changeFontBySelector(selectorName) {            var oDivNews=document.getElementById("divNews");            oDivNews.className=selectorName;        }    </script>    <h1>晚间新闻</h1>    <a href="javascript:void(0)" onclick="changeFontBySelector('max')">大字体</a> <!--取消默认的点击 -->    <a href="javascript:void(0)" onclick="changeFontBySelector('middle')">中字体</a>    <a href="javascript:void(0)" onclick="changeFontBySelector('min')">小字体</a>    <div id="divNews">这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,这是一则新闻,</div></body></html>
阅读全文
0 0