Изменение более одного атрибута стиля с помощью Javascript

Question

Мне нужно изменить более одного атрибута стиля для данного элемента. Я знаю, как изменить один: document.getElementById(today).style.visibility= "visible"; но я не уверен в синтаксисе для изменения более одного, например видимость, ширина, высота и цвет шрифта.

Answer 1

Это просто несколько звонков:

document.getElementById(today).style.visibility = "visible";
document.getElementById(today).style.color = "red";
document.getElementById(today).style.height = "5em";

Answer 2

Если вы хотите заменить любые другие встроенные стили для этого элемента, вы можете использовать свойство style.cssText.

document.getElementById('idstring').style.cssText=
'font-size:1em;color:blue;visibility:visible';

Answer 3

В CSS можно создать класс, который выполняет все стили, общие для этих элементов, и присвоить им атрибут класса,

альтернативно, если они являются наследуемыми стилями, поместите элементы в общий родительский элемент, скажем, div, и задайте стиль div

Answer 4

Вы должны ссылаться на каждый атрибут по одному, то есть .style.width =, .style.height = и т. Д.

Вы можете сократить количество набираемого текста примерно так:

var g = document.getElementById(today);
g.style.width=100;
g.style.height=100;
g.style.visibility='visible';