JavaScript HTML DOM - CSS 更改
HTML DOM 与 JavaScript змінювати стиль HTML 元素。
更改为 HTML 样式
要更改 HTML 元素的样式,请修改以下语法:
文档.getElementById(ID)。风格。властивість = новий стиль
向前的屁股改变了元素的风格 <p>
:
屁股
<html>
<body>
<p id="p2">你好世界!</p>
<script>
document.getElementById("p2").style.color = "蓝色";
</script>
</body>
</html>
自己尝试一下»
Vikoristanya podіy
HTML DOM 对象使用代码,因此可以读取所有内容。
当使用 HTML 元素“显示内容”时,浏览器会生成 Pod:
- 压制元件
- 斯托林库着迷
- 更改的输入字段
您将在该支持者的下一部分中找到有关条件的更多信息。
此示例将 HTML 元素的样式更改为 id="id1"
, коли користувач натискає кнопку:
屁股
<!DOCTYPE html>
<html>
<body>
<h1 id="id1">我的标题 1</h1>
<button type="button"
onclick="document.getElementById('id1').style.color = '红色'">
按我!
</body>
</html>
自己尝试一下»
更多屁股
能见度 结果,该元素是不可见的。 您想显示一个元素吗?
关于对象样式 HTML DOM 的建议
有关 HTML DOM 样式的所有权威信息,请查看上一页。 HTML DOM 样式指南 на нашому сайті W3Schools 乌克兰.