使用JavaScript为一个主体元素设置样式

75 阅读1分钟

在本教程中,我们将学习如何使用JavaScript来设置html主体元素的样式。

考虑一下,在我们的HTML代码中,我们有一个如下的body 元素。

<body id="body"></body>

现在,我们需要为上述元素设置样式。

要给body 元素设置样式,首先我们需要在JavaScript中使用document.body 属性来访问它。

const body =  document.body;

现在,它有一个style 属性,通过这个属性我们可以为它设置样式。

body.style.display = "block";
body.style.color = "red";

使用setProperty()方法

同样地,我们也可以使用setProperty() 方法来设置一个主体元素的样式。

这里有一个例子。

const body =  document.body;

body.setProperty("display", "block");

在上面的例子中,我们向setProperty() 方法传递了两个参数,第一个参数是css property ,第二个参数是value