element.style怎么修改

来源：互联网 2023-03-16 23:57:09 324

前端是相对来说比较简单的一门知识，对于初学者来说，对于一些方法可能不太会用，本文主要介绍一下如何通过element.style修改元素样式。

element.style怎么修改

工具/原料

sublime或其他编辑器

方法/步骤

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

32sublime如何快速的创建一个html页？

element.style怎么修改

1本页面未经许可获取自百度经验

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

element.style怎么修改

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

element.style怎么修改

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

element.style怎么修改

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

element.style怎么修改