element.style怎么修改

 时间:2024-10-12 08:41:01

1、新建一个空白html页面,具体操作步骤可参考链接中经验

element.style怎么修改

2、编写html基本内容,包括两块,主要是针对以下进行两种写法

element.style怎么修改

3、对元素设置一些基本的样式,p标签设置一个蓝色边框,div标签设置一下加粗字体

element.style怎么修改

4、右键,在浏览器中打开,查看此时页面样式

element.style怎么修改

5、编写js代码,通过element.style设置元素样式。此处设置分为两种,一种是设置单属性,一种是设置多属性。注意给元素加上id名,方便获取。先设置单属性,给p标签设置行间距加大。给出两种写法,一种是属性有'-'号,那就写成驼峰值的样子(如lineHeight)。 如果不想使用驼峰值,那就用中括号的形式

element.style怎么修改

6、在浏览器中查看修改后样式

element.style怎么修改

7、设置多属性方式使用cssText,把字体颜色设为红色,背景色为灰色,多个样式直接用分号隔开即可。

element.style怎么修改

8、在浏览器中查看修改后样式

element.style怎么修改
  • div+css怎么居左居右剧中
  • 如何使用form表单将数据提交给php?
  • css如何去掉textarea的边框
  • Bootstrap中如何制作下拉菜单
  • phpstudy 安装数据库启动失败,出现红点问题。
  • 热门搜索
    梅花牌运动服 灯心草的功效与作用 西藏有什么好玩的 鱼油的作用 莲子的作用与功效 前列腺的作用 什么是海啸 数学必修四知识点总结 桄榔粉的功效与作用 备孕需要检查些什么