js 改变div 里面的某个文字的颜色

js 改变div 里面的某个文字的颜色,第1张

1、新建一个html文件,命名为test.html。

2、在test.html文件内,创建一个div模块,设置其class属性为bg,id属性为mydiv,用于下面设置css样式和获取div对象。

3、在test.html文件内,使用css设置div的样式,设置其宽度为500px,高度为272px,背景图片为2.jpg。

4、在test.html文件内,在div的下面创建一个button按钮,按钮名称为“更换背景颜色”。

5、给button按钮绑定onclick点击事件,当按钮被点击时,执行myfun()函数。

6、在test.html文件内,在js标签内,创建myfun()函数,在函数内,使用getElementById()方法通过id获得div对象,设置对象中的backgroundImage背景属性为另一张图片,从而实现改变div的背景图片。就完成了,运行就可以了。

你这是css吧,你可以在外面套一个div标签用来设置4个链接的总样式,然后在a标签里用style设置各自的颜色

如:

<div class="hotNav">

<a href="" style="color:颜色">新手指引</a>

<a href="" style="color:颜色">游戏下载</a>

<a href="" style="color:颜色">注册帐号</a>

<a href="" style="color:颜色"游戏特色</a>

</div>

style代表div的页面样式,color代表是颜色属性,color:#00FF00表示颜色的值为00FF00,代表绿色。举例如下:

文档中的一个部分会显示为绿色:

<div style="color:#00FF00">

<h3>This is a header</h3>

<p>This is a paragraph.</p>

</div>

结果如图:

扩展资料:

div用法

<div>是一个块级元素。这意味着它的内容自动地开始一个新行。实际上,换行是 <div>固有的特定的格式表现。可以通过 <div>的 class 或 id 应用额外的样式。

不必为每一个 <div>都加上类或 id,虽然这样做也有一定的好处。

可以对同一个 <div>元素同时应用 class 和 id 属性,但是更常见的情况是只应用其中一种。这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的特定的元素。

参考资料:百度百科-div


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/7892837.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-11
下一篇 2023-04-11

发表评论

登录后才能评论

评论列表(0条)

保存