100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > js 获取DOM元素样式

js 获取DOM元素样式

时间:2018-12-09 15:56:42

相关推荐

js 获取DOM元素样式

HTML的样式写入方法有:1、行内样式;2、内嵌样式;3、外联样式表。

行内样式:一般是用style写在dom元素上的,例如:<div style=height:200px;></div>; 内嵌样式:一般是用style写在head标签内的。<style type= ext/css></style>;

外联样式:一般是用link标签或者是import引入的。但import引入的时候一定要放在style标签内。

获取样式:

一、ele.style

通过这种方式只能获取到写在行内的样式。其他两种是获取不到的。例如:

var con =document.getElementById("con"); con.style.height; //只能获取到写在行内的height值。

二、ele.getComputedStyle (只读)

可以获取到当前元素所使用到额最终的css属性值,返回是一个css样式声明对象。

用法:var style = window.getComputedStyle(dom,[pseudoElt

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。