用js改变网页的背景颜色

最新推荐文章于 2023-10-31 23:40:26 发布
最新推荐文章于 2023-10-31 23:40:26 发布
阅读量3.1k 收藏 11
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_57762639/article/details/121790937
版权

1.首先我们ctrl+N，新建一个HTML文档

2.我们给body标签设置id，给div设置类名

3.然后，输入文字，给p标签设置id

4.style标签写内部样式，用通配符*设置内外边距为0px

5.类名为bk的div宽高，背景颜色，边框，外边距

6.设置h4左浮动和边距

7.设置p标签的颜色

8. 用var = document.getElementById("");获取body标签和p标签的id

9. 给p标签，设置点击事件，获取body标签的id，改变style背景颜色

10.把id改了

weixin_57762639
关注
  • 0
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS实现鼠标滑过链接改变网页背景颜色的方法
10-23
主要介绍了JS实现鼠标滑过链接改变网页背景颜色的方法,涉及js响应鼠标事件动态修改页面元素属性的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
用JavaScript简单的改变网页背景色
小言同学的博客
11-05 8650
一、题目要求 在一个文本框里面输入颜色的名称（如：蓝色，紫色），点击文本框旁边的按钮，让网页的背景色改变成文本框中的名称对应的颜色。 二、代码 <!doctype html> <html> <head> <meta charset="utf-8"> <title>网页变色</title> <script type="text/javascript"> function show(){ var x=docum
js随机生成网页背景颜色的方法
10-24
主要介绍了js随机生成网页背景颜色的方法,涉及javascript操作背景色的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
鼠标选择动态改变网页背景颜色的JS代码
10-26
主要介绍了鼠标选择动态改变网页背景颜色的JS代码，有需要的朋友可以参考一下
JavaScript实现更改网页背景与字体颜色的方法
10-24
主要介绍了JavaScript实现更改网页背景与字体颜色的方法,可实现点击按钮改变网页背景色的功能,具有一定参考借鉴价值,需要的朋友可以参考下
改变网页背景色
qq_45337854的博客
10-11 637
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script> function color(str){ document.b...
JavaScript改变背景色
从盲流子到程序员
12-14 2030
&lt;html&gt; &lt;head&gt;&lt;/head&gt; &lt;body&gt; &lt;ul id="ul1"&gt; &lt;li&gt;&lt;/li&gt; &lt;li&gt;&lt;/li&gt; &lt;li&gt;&lt;/li&gt;
javascript教程系列42:属性操作案例: 点击盒子,改变盒子的位置和背景颜色
邢晋宇的前端博客
05-22 4053
&lt;!DOCTYPE html&gt; &lt;html lang="zh-CN"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;style&gt; .one{ width: 200px;
JS点击切换盒子背景颜色
sinat_49951734的博客
10-17 2151
JS点击切换盒子背景颜色。
JavaScript修改背景颜色
最新发布
希望我的博客，能帮上你解决学习中工作中所遇到的问题
10-31 604
JavaScript修改背景颜色
react的语法
口袋的天空的博客
11-26 2997
------------------------------------入门-------------------------------------------------- 一.react的概述 1.react是什么 React是一个用于构建用户界面的Javascript库。 用户界面：前端HTML界面。react主要是用来写HTML页面，或构建web应用。 如果从MVC的角度看，react仅仅是视图层（V），也就是负责视图的渲染，而并非提供了完整的M和C的功能。 2.react的特点 声明式 只需
2020-11-04|操作元素修改element.style|element.className
wenwench的博客
11-04 2070
操作元素 4.4样式属性大小 我们；：可以通过js修改元素的大小，颜色和位置 使用element.style修改 element.style //行内样式操作 适用于要修改的不多 element.className //类名样式操作 适用于要修改的样式很多的情况下 <div> 我是盒子 </div> div { width: 200px; height: 200p
前端学习打卡第九周（3.21-3.27）
ysbdln的博客
03-27 749
1 dom 获取元素 element.style行内样式操作 element.classname类名样式操作 </script> <div class="first" id="demo" index="1">12345</div> <script> var divs = document.querySelector('div'); divs.onclick...
04-WebApl
人俗话不多
03-08 563
Web Apis 和 JS基础关联性 JS 的组成 API 和 Web api ​ MDN 详细 API : https://developer.mozilla.org/zh-CN/docs/Web/API API 是为我们程序提供的一个接口 , 帮助我们实现某种功能 Web API 主要针对 于浏览器提供的接口 , 是浏览器提供的一套操作浏览器功能和页面元素的 API ( BOM 和 DOM ) . 主要针对于浏览器做交互效果 Web API 一般都有输入和输出 ( 函数的传参和返回值...
用js写一个简单的可以改变背景颜色的网页
2301_77540108的博客
08-29 621
这个网页包含一个标题、两个段落和一个按钮，点击按钮可以随机改变网页的背景颜色。
用js实现背景颜色改变
微木
09-03 5832
javaScript初级入门案例
js改变元素背景颜色
yanjin_xiaoxiao的博客
08-08 5609
1.在页面上设置初始值 <!doctype html> <html> <head> <meta 1charset="utf-8"> <title>Document</title> <linkrel="stylesheet" href="css/style.css">//引入css文件 </head> <body id="body"> ...
JS点击事件实现改变对应标签背景颜色
热门推荐
weixin_42924786的博客
08-09 3万+
今天同学提问的一个“JS实现的效果是点击对应的标签，起背景颜色变成红色，字体变成白色”，但是她的页面中只是字变了颜色，但是背景颜色去没有变化， 其截图如下： 经过页面的调试，发现并没有进入到循环里面，利用alert(cns.length);发现弹出的cns[]数组的长度为0个， 问题： 1、说明在document.getElementById(“nt4”).getElement...
js 实现简单的点击div改变背景颜色
qq_40072583的博客
07-19 1万+
思路：点击div改变背景颜色，是通过判断点击的次数，达到改变背景颜色，主要运用了数的加，累加。 效果： 代码； <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js实现点击div改变背景颜色</title> &l...
编写一个能通过用户输入内容改变网页背景颜色的javascript 程序
05-28
可以使用如下的Javascript代码实现： ```javascript ...用户输入的内容会被存储在变量 `colorInput` 中，然后将 `colorInput` 的值赋给 `document.body.style.backgroundColor` 属性，从而改变网页的背景颜色。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值