Defina a propriedade CSS em JavaScript

JavaScript é um dos principais idiomas e tecnologias da World Wide Web. É uma linguagem de programação em execução dinamicamente. CSS é o idioma usado para controlar o estilo dos documentos escritos em idiomas de marcação como HTML e XHTML.

As propriedades do CSS podem ser aplicadas a um código escrito em JavaScript em um documento HTML facilmente acessando o elemento no qual a propriedade deve ser aplicada através do JavaScript e aplicando diretamente a propriedade CSS nela.

Definir a propriedade CSS em JavaScript

Vamos dar um exemplo de um código HTML simples para formatar o documento JavaScript:

Clique em OK para alterar minha cor

OK

No trecho de código acima, há um título que atribuímos um ID “teste”. Abaixo disso, criamos um botão “OK”Através da tag de botão e declarou o“ONCLICK”Função para esse botão. Isso especifica que, quando o “OK”O botão será clicado, o“Func ()”A função JavaScript será invocada e a propriedade CSS definida dentro dessa função será implementada no texto escrito em HTML.

A seguir, é apresentada uma função JavaScript para tornar o código HTML acima executável dinamicamente:

função func ()
var y = documento.getElementById ("texto");
y.estilo.color = "vermelho";

O snippet de código acima tem uma função chamada “Func ()"Em que uma variável"y”É inicializado e o“getElementById”O método é declarado para se referir ao“texto”ID que tem o texto (conteúdo). Então, há a propriedade CSS inserida para alterar a cor do texto para vermelho.

Isso exibirá um texto na interface de saída que, ao clicar no botão OK, alterará a cor do texto para vermelho:

Dessa forma, podemos definir propriedades CSS em JavaScript.

Conclusão

Podemos definir propriedades CSS em um elemento em JavaScript, acessando primeiro o ID, classe ou atributo desse elemento usando o método get relevante. Por exemplo, no post acima, aplicamos o “getElementById”Método. Depois disso, basta definir a propriedade CSS a ser aplicada a esse elemento. Este artigo explicou bem como definir propriedades CSS em JavaScript.