Rename js snippets
This commit is contained in:
21
snippets/js/s/set-style-for-html-element.md
Normal file
21
snippets/js/s/set-style-for-html-element.md
Normal file
@ -0,0 +1,21 @@
|
||||
---
|
||||
title: Set style for element
|
||||
type: snippet
|
||||
language: javascript
|
||||
tags: [browser]
|
||||
cover: laptop-plants-2
|
||||
dateModified: 2020-10-22T20:24:30+03:00
|
||||
---
|
||||
|
||||
Sets the value of a CSS rule for the specified HTML element.
|
||||
|
||||
- Use `HTMLElement.style` to set the value of the CSS `rule` for the specified element to `val`.
|
||||
|
||||
```js
|
||||
const setStyle = (el, rule, val) => (el.style[rule] = val);
|
||||
```
|
||||
|
||||
```js
|
||||
setStyle(document.querySelector('p'), 'font-size', '20px');
|
||||
// The first <p> element on the page will have a font-size of 20px
|
||||
```
|
||||
Reference in New Issue
Block a user