js能给html标签添加css样式吗

js能给html标签添加css样式吗

js能给HTML标签添加css样式,也能改变HTML标签的样式,具体做法如下:

下面来看一下代码 :

1.png

2.jpg

效果如下 :

3.jpg

JavaScript代码如下:

4.jpg

代码解释如下 :

var inObj = document.getElementById("btn");  //通过id名称“btn”来获取元素,声明一个变量inObj来储存这个元素
inObj.onclick = function () {    //创建这个元素的点击事件
    var divObj = document.getElementById("div");   //通过id名称“div”来获取元素,声明一个变量divObj来储存这个元素
    divObj.style.width = "300px";   //设置这个元素的宽为300px
    divObj.style.height = "300px";  //设置这个元素的高为300px
    divObj.style.backgroundColor = "grey";  //设置这个元素的背景颜色为灰色
}

效果如下 :

5.jpg

更多JavaScript相关技术文章,请访问JavaScript答疑栏目进行学习!

以上就是js能给html标签添加css样式吗的详细内容,更多请关注html中文网其它相关文章!

赞(0) 打赏
未经允许不得转载:html中文网首页 » JavaScript 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏