在本教程中,我们将学习如何使用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 。