Как сохранить узел DOM в переменной, как это делает jQuery?

Question

В jQuery мы можем сохранить узел в переменной следующим образом: variable = $(.element), а затем управлять узлом через эту переменную: variable.hide()

Можем ли мы сделать это в ES6? Это выглядело бы так:

var variable = document.querySelector('.portfolio').style.display = 'block'
variable.style.display = 'none'

За исключением того, что это не работает.

Answer 1

вы пытаетесь сделать 2 разные вещи в одной строке кода. Сначала назначьте элемент переменной, а затем вы можете использовать переменную для изменения стиля, см. Мой фрагмент кода ниже.

// First assign the element to a variable
var myElement = document.getElementById('myElement');
// Then use the variable to modify the elements style
myElement.style['background-color']='red';

<div id="myElement">element</div>