欢迎光临
我们一直在努力

JS如何获取CSS样式

这篇“JS如何获取CSS样式”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“JS如何获取CSS样式”文章吧。

  语法:

  nodeObject.style.cssProperty

  其中,nodeObject 为节点对象,cssProperty 为CSS属性。

  例如:

  document.getElementById("demo").style.height;
  document.getElementById("demo").style.border;

  注意:对于由 “ – ” 分隔的CSS属性,要去掉 “ – ” ,并将 “ – ” 后的第一个字母大写。例如:

  background-color 要写作 backgroundColor

  line-height 要写作 lineHeight

  例如:

  document.getElementById("demo").style. backgroundColor;
  document.getElementById("demo").style.lineHeight;

  举例,获取 id="demo" 的节点的样式:

  点击这里获取CSS样式

  JavaScript怎样设置和修改CSS样式

  语法:

  nodeObject.style.cssProperty=newStyle

  其中,nodeObject 为节点对象,cssProperty 为CSS属性,newStyle 为CSS属性的值。

  注意:对于由 “ – ” 分隔的CSS属性,要去掉 “ – ” ,并将 “ – ” 后的第一个字母大写。

  例如:

  document.getElementById("demo").style.height = "50px" ;
  document.getElementById("demo").style.border = " 1px solid #ddd ";
  document.getElementById("demo").style.backgroundColor = " #ccc ";
  document.getElementById("demo").style.textAlign = " center ";

JavaScript是什么

JS是JavaScript的简称,它是一种直译式的脚本语言,其解释器被称为JavaScript引擎,是浏览器的一部分,主要用于web的开发,可以给网站添加各种各样的动态效果,让网页更加美观。

以上就是关于“JS如何获取CSS样式”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注云搜网行业资讯频道。

赞(0)
【声明】:本博客不参与任何交易,也非中介,仅记录个人感兴趣的主机测评结果和优惠活动,内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客,即表示您已经知晓并接受了此声明通告。