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

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的背景图片。就完成了，运行就可以了。

js中怎样把学号姓名放在一个框里并设置颜色

回答：JavaScript三种动态改变样式属性

在JavaScript中，有两种方式可以动态地改变样式的属性，一种是使用样式的style属性，另一种是使用样式的className属性。另外，控制元素的显示和隐藏使用display属性。

1.style 属性

设置style属性语法：

HTML元素.style.样式属性=”值”；

在JavaScript中使用CSS样式与在HTML中使用CSS稍有不同，由于在JavaScript中“-”表示减号，因此如果样式属性名称中带有“-”号，要省去“-”，并且“-”后的首字母要大写。例如，在页面中有一个id为titles的div，要改变div中的字体颜色为红色，字体大小为25px，代码如下所示:

document.getElementById(“titles”).style.color=”#ff0000″

document.getElementById(“titles”).style.fontsize=”25px”

2.className属性

在HTML DOM中，className属性可设置或返回元素的class样式。

设置 className属性语法：

HTML元素，className=”样式名称”；

将上述示例中div中的字体样式写在样式表中，使用className属性来控制，代码如下所示。

.divStyle{color:#ff0000font-size:25px}

document.getElementById(“titles”).className=”divStyle”

关于这两种方式的具体使用，请参考《QlavaScript制作页面特效》的相关视频。

3.display属性

display属性控制元素的显示和隐藏，取值有none（隐藏）和block（显示）。

设置 display属性语法：

HTML元素.display=”值”；

到这里，任务8中的Tab切换效果就可以轻松完成了，自己动手试试吧。

---