JavaScript 67 JavaScript HTML DOM 67.7 JavaScript HTML DOM - 改变 CSS - 码农知识堂

JavaScript 67 JavaScript HTML DOM 67.7 JavaScript HTML DOM - 改变 CSS
JavaScript
文章目录
- JavaScript
  67 JavaScript HTML DOM
  67.7 JavaScript HTML DOM - 改变 CSS
  67.7.1 改变 HTML 样式
  67.7.2 使用事件
67 JavaScript HTML DOM

67.7 JavaScript HTML DOM - 改变 CSS

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

67.7.1 改变 HTML 样式

如需更改 HTML 元素的样式，请使用此语法：
```
document.getElementById(id).style.property = new style
1
```
更改
元素的样式：
```
Hello World!



上面的段落已被脚本改变。



1
2
3
4
5
6
7
8
9
10
11
12
13
```
67.7.2 使用事件

HTML DOM 允许在事件发生时执行代码。

当“某些事情”在 HTML 元素上发生时，浏览器会生成事件：
- 点击某个元素时
- 页面加载时
- 输入字段被更改时
本例会在用户点击按钮时，更改 id=“id1” 的 HTML 元素的样式：
```
我的标题 1





1
2
3
4
5
6
7
8
9
10
11
12
```
相关阅读:
蓝桥等考C++组别一级009
2022强网拟态pwn-store
Shell脚本——提取目录名和文件名
 企微衍生的地理位置那点事
 《Linux从练气到飞升》No.28 Linux中的线程同步
 5、Nacos服务注册服务端源码分析（四）之NotifyCenter
精彩回顾：CACTER邮件数据防泄露EDLP亮相2022世界互联网大会
 java之线程（四）
机器学习概念
 Window10安装linux子系统及子系统安装1Panel面板
原文地址：https://blog.csdn.net/weixin_44226181/article/details/127743752

JavaScript 67 JavaScript HTML DOM 67.7 JavaScript HTML DOM - 改变 CSS

JavaScript

文章目录

67 JavaScript HTML DOM

67.7 JavaScript HTML DOM - 改变 CSS

67.7.1 改变 HTML 样式

67.7.2 使用事件

我的标题 1