JavaScript 学习_005 javasrcipt 能够改变html的样式

由 hrs, 31 十月, 2020

这个实例我们来使用javasrcipt来改变文本的css样式

实例代码：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
  </head>
  <body>
    <h2>Javasrcipt 能做什么？</h2>
    <p id="mycss">javasrcipt 能够改变css 样式。</p>
    <button onclick="document.getElementById('mycss').style.fontSize='35px'">放>大字体</button>
    <button onclick="document.getElementById('mycss').style.color='red'">字体红>色</button>
    
    <p style="color:red">提示：点击按钮会改变相应的css 样式</p>     
  </body>
</html>


<!--
 style.fontSize='35px'  设置字体大小
style.color='red'    设置字体红色

-->
~

运行效果：

javasrcipt_005.png

标签

评论