您的位置首页百科知识

element.style怎么修改

element.style怎么修改

的有关信息介绍如下:

element.style怎么修改

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

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

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

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

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

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

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

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

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

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