element.style修改
时间: 2023-10-17 16:14:03 浏览: 106
element.style内联样式的修改方法教程
在HTML页面中,可以使用CSS来控制元素的样式,包括字体、颜色、大小、边框等等。而在JavaScript中,可以使用`element.style`对象来修改元素的样式。
`element.style`是一个对象,它包含了所有CSS属性的键值对,可以通过修改这些属性的值来改变元素的样式。例如:
```javascript
var element = document.getElementById('myElement');
element.style.color = 'red';
element.style.fontSize = '20px';
```
上面的代码会将ID为`myElement`的元素的字体颜色设置为红色,字体大小设置为20像素。
注意,使用`element.style`修改样式只会影响到元素的内联样式(即写在元素标签内的`style`属性),而不会影响到CSS文件中定义的样式。如果想要修改CSS文件中的样式,需要通过修改CSS类名来实现。
阅读全文