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

JavaScript08

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

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切换效果就可以轻松完成了，自己动手试试吧。

给两个方案：

<!-- 使用checkbox，js获取两个checkbox的选中，

      然后根据class来判断是学生还是老师，从而改变是工号还是学好 -->

<div><input class="tea" type="checkbox" name="group-1" />老师</div>

<div><input class="stu" type="checkbox" name="group-1" />学生</div> <!-- 两个btn绑定click事件，选择时候根据class判断…… -->

<button class="tea">老师</button>

<button class="stu">学生</button>

两种都可以直接绑定click，根据class来判断，但首先是看你实际需求来用元素。

需要原生JS参考代码再追。

方法如下：1、先在Excel单元格里输入姓名等基础数据，2、选中需要输入学号的单元格，点击鼠标右键，点击“设置单元格格式”，3、在跳出的页面点击“自定义”，在通用格式里输入“20180123##”，20180123是学生学号相同的部分，不同的部分用##表示，如果学生人数比较多，有单位数，那么我么就应该输入三个#。4、点击确定即可，然后在输入学号的单元格里只需要输入学号不同的尾数即可，按回车即可显示学号的全部。

学籍信息录入一般的顺序是登录学籍网完善学校信息----年级信息录入---班级信息录入---点击学籍管理按步骤导入学生信息。

可以说是一个很浪费时间的工作，当录入信息增多时需要多名老师同时操作，还需要查重查错不小心就可能录入错误。使用博为--小帮软件实现学籍信息批量录入模式，实现替代人工的自动化操作流程。