必威体育Betway必威体育官网
当前位置:首页 > IT技术

js中 aaa.style 和 aaa.getAttribute('style') 等价吗,有无区别?

时间:2019-10-01 09:11:10来源:IT技术作者:seo实验室小编阅读:83次「手机版」
 

xlei

著作权归作者所有。

商业转载请联系作者获得授权,非商业转载请注明出处。

作者:alaki

链接:https://www.zhihu.com/question/38750336/answer/78416508

来源:知乎

有区别

首先区分property和attribute,两个翻译成中文都可以作为属性,但是在实际上是有区别的。

在html标签里的自定义属性称为property

例如:<a href="/people/mi-si-14" data-tip="p$b$mi-si-14" data-original_title="alaki">alaki</a>

这个dom element有3个attribute:href、data-tips、data-original_title

而property是那些它被创建的时候就有的属性,例如attributes, autofocus, className, clientheight

特殊的是,假如

<a href="#" class="xx">alaki</a>

对于这个dom element来说,class不仅是attribute,同时它也是property,但是在dom.element中,只不过它叫className,这两个是绑定的。

简单来说,一些特殊的attribute将会转换为property,脚踏两条船,同样的style也是个脚踏两条船的家伙。

假如是内联样式,通过getAttribute('style')是可以获得的,但只能获取到内联样式部分,通过外部样式表或者内嵌样式都是无法获得的,返回值是字符串。

假如不是内联,那么getAttribute('style')返回null或者空字符串,返回哪一个取决于这个浏览器的实现 Element.getAttribute()。

上面两种情况,dom.style都将获得完整样式,返回值为对象CSSStyleDeclaration

相关阅读

Java中File类之createNewFile、mkdirs

Java中File类1. 概述2. mkdirs与mkdir区别2.1 基本概念2.2 程序实例3. createNewFile3.1 基本概念3.2 程序范例1. 概述 File 对象

C语言中字符数组的初始化与赋值,字符串相关函数!

           C语言中字符数组的初始化与赋值,字符串相关函数! 1.字符数组初始化 在C语言中,字符串是当做字符数组来处理的;所

js oncontextmenu事件使用详解

定义和使用oncontextmenu 事件在元素中用户右击鼠标时触发并打开上下文菜单。注意:所有浏览器都支持 oncontextmenu 事件, contextm

基于80C51单片机——中断小结

最近看了一下80C51单片机的中断部分的实验,做一些笔记,方便以后学习查找。 首先说一下什么是中断吧,中断是指CPU在执行当前程序的

百度蓄势中 未来的百度值得期待

近一周,海外中概股及港股迎来重头戏,阿里巴巴、百度、腾讯、网易等互联网巨头,以及B站、虎牙等新上市公司,集中发布2019第一季度财报

分享到:

栏目导航

推荐阅读

热门阅读