JS修改CSS的三种方式
来源:互联网 发布:天天炫舞抽坐骑软件 编辑:程序博客网 时间:2024/05/01 06:38
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<
html
>
<
head
>
<
style
type="text/css">
.newDiv {
font-weight: bold;
}
</
style
>
<
script
>
function clk(event) {
var parent = document.getElementById("parent");
//改变className
var child0 = document.createElement("div");
child0.innerHTML = "child0";
child0.className = "newDiv";
parent.appendChild(child0);
//改变cssText
var child1 = document.createElement("div");
child1.innerHTML = "child1";
child1.style.cssText = "font-weight: bold";
parent.appendChild(child1);
//改变直接样式
var child2 = document.createElement("div");
child2.innerHTML = "child2";
child2.style.fontWeight = "bold";
parent.appendChild(child2);
}
</
script
>
</
head
>
<
body
>
<
input
type="button" value="click" onclick="clk(event);"/>
<
div
id="parent">
<
div
>child</
div
>
</
div
>
</
body
>
</
html
>
0 0
- JS修改CSS的三种方式
- JS修改CSS的三种方式
- js改变css的三种方式(后两种较常用)
- css的三种方式
- css 三种方式
- [cnblogs镜像]HTML 引入 CSS、JS 的三种方式
- css的三种引入方式
- CSS的三种使用方式
- CSS的三种定位方式介绍
- HTML使用CSS的三种方式
- html+css布局的三种方式
- css三种定位方式的探讨
- html+css布局的三种方式
- CSS 清除浮动的三种方式
- 导入css的三种方式
- CSS的三种使用方式
- CSS的三种定位方式介绍
- 引用CSS的三种方式
- 龟兔赛跑
- SQLI-LAB 的 实战记录(Less 11 - Less 20)
- servlet实现请求转发和请求重定向的特性与区别
- Linux下控制免驱USB摄像头的信息
- maven开发环境,写第一个HelloWorld
- JS修改CSS的三种方式
- UVA-156 Ananagrams
- Handler机制-----我的理解
- 树莓派GPIO的编号规范
- 【linux c】c语言十进制数转换为十六进制输出_学习笔记_005
- 类的加载与初始化
- 枚举
- spring学习笔记(二)
- 一次更改网络权限