Skip to main content

改变CSS

HTML DOM 允许 JavaScript 改变 HTML 元素的样式。

改变 HTML 样式​

如需改变 HTML 元素的样式，请使用这个语法：

document.getElementById(id).style.property = 新样式;

下面的例子会改变 <p> 元素的样式：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>菜鸟教程(runoob.com)</title>
  </head>
  <body>
    <p id="p1">Hello World!</p>
    <p id="p2">Hello World!</p>
    <script>
      document.getElementById("p2").style.color = "blue";
      document.getElementById("p2").style.fontFamily = "Arial";
      document.getElementById("p2").style.fontSize = "larger";
    </script>
    <p>以上段落通过脚本修改。</p>
  </body>
</html>

https://www.runoob.com/try/try.php?filename=tryjs_change_style