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 安装数据库启动失败,出现红点问题。
  • 热门搜索
    旅游地理学 无锡旅游攻略 海边旅游景点排行 重庆旅游职业学院 云南丽江旅游景点 咸阳旅游 西双版纳旅游攻略 临安旅游 肇庆旅游 沈阳旅游攻略