在js中，可以给style中的属性赋值，从而实现css样式的设置 。 下面小编举例讲解js怎么设置span标签的css样式 。
需要这些哦
js+html
代码编纂器：z studio 10.0
方式/
1新建一个html文件，定名为test.html，用于讲解js怎么设置span标签的css样式 。
2在test.html文件内，利用span标签建立一行内容，用于测试 。
3在test.html文件内，给span标签添加一个id属性，设置为myspan 。
4在test.html文件内，利用button标签建立一个按钮，给button按钮绑定onclick点击事务，当按钮被点击时，执行editcss()函数 。
5在js标签中，建立editcss()函数，在函数内，经由过程id获得span对象，经由过程给style中的属性赋值，实现css样式的设置 。 例如，这里设置span标签的文字颜色为红色， 文字的大小为30px 。
6在浏览器打开test.html文件，查看实现的结果 。
总结：1【js怎么设置span标签的css样式】1、利用span标签建立一行内容，用于测试 。 2、给span标签添加一个id属性，设置为myspan 。 3、利用button标签建立一个按钮，给button按钮绑定onclick点击事务，当按钮被点击时，执行editcss()函数 。 4、在js标签中，建立editcss()函数，在函数内，经由过程id获得span对象，经由过程给style中的属性赋值，实现css样式的设置 。
以上内容就是js怎么设置span标签的css样式的内容啦，希望对你有所帮助哦！
猜你喜欢
- 深蓝法考如何设置答完每题显示答案
- 天涯明月刀怎么招募伙伴
- 天涯明月刀手游怎么创建群聊
- 万国觉醒怎么关闭联盟邮件通知
- 一梦江湖怎么修理装备
- 龙之谷小淑的印记怎么获得
- 天涯明月刀怎么晋升头衔
- 原神怎么将阴影质量设为高
- 万国觉醒怎么开启宝石使用确认
- 原神风龙废墟的七天神像怎么过去