js给html添加样式吗,js怎么添加css样式？
在开发⽹页时，有时不想通过CSS源⽂件来添加⽹页元素的CSS样式代码，这时，我们可以通过JS来添加这些元素的CSS样式。那么怎样通过JS来为⽹页元素添加CSS样式呢？
js怎么添加css样式？
下⾯举⼀个简单案例：
⽅法⼀：var head= ElementById("box"); //获取到id为box的div标签元素。
head.style.width = "70px"; //设置宽度为70
head.style.height = "70px";//设置⾼度为70
head.style.display = "#ccc";//设置背景⾊为灰⾊
css简单网页代码这种⽅法⽐较简单，但是，如果CSS样式很多的话，如还有margin、padding、font-size等，这时，我们还这样写的话，那会⼀⼤堆。这时，我们可以⽤⽅法⼆。
⽅法⼆：var head= ElementById("box");//获取到id为box的div标签元素。
head.style.cssText="width:70px;height:70px;display:#ccc";
这种⽅法中，我们⽤到了“ cssText”，这样我们就⼤⼤地减少了代码。就像写CSS源⽂件⾥⼀样。
⽅法三：使⽤setPropertyelement.style.setProperty('height', '300px', 'important');
如果要设置!important，推荐⽤这种⽅法设置第三个参数
更多web前端开发知识，请查阅 HTML中⽂⽹ ！！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。