二JavaScript之点击按钮改变HTML样式 (CSS)

Posted tianpan2019

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了二JavaScript之点击按钮改变HTML样式 (CSS)相关的知识,希望对你有一定的参考价值。

一、代码如下

技术图片

二、点击前

技术图片

三、点击后

技术图片

<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<body>

<h2>javascript 能够做什么</h2>

<p id="demo">JavaScript 能够改变 HTML 元素的样式。</p>

<button type="button" onclick="document.getElementById(‘demo‘).style.fontSize=‘35px‘">
点击我!
</button>

</body>
</html>

 

以上是关于二JavaScript之点击按钮改变HTML样式 (CSS)的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript之DOM改变HTML的样式

CSS可否改变设置按钮的样式?怎么做呢?菜鸟求教~

HTML中如何改变按钮的颜色

单击时JavaScript按钮样式更改

在JavaScript中如何将图片改变为按钮?

Android样式之selector