搜索
javascript - 在js中,dom对象的属性和方法都是继承自哪里?
PHP中文网
PHP中文网 2017-06-26 10:53:16
[JavaScript讨论组]
var dom = document.getElementById('domId');
dom.innerHTML = "hello world!";
console.log(typeof dom); //object
console.log(dom.hasOwnProperty("innerHTML")); //false
console.log(dom.__proto__.hasOwnProperty("innerHTML")); //false
PHP中文网
PHP中文网

认证高级PHP讲师

全部回复(3)
世界只因有你

typeof只能大概识别出是object或者其他基本数据类型,不妨试试toString,看过一些框架js,查看对象类型都是通过toString对得到的结果做字符串处理得到类型名。

可以在mdn里查看相关内容,比如p的dom类型 https://developer.mozilla.org...

可以看到它的主要继承关系。

比如innerHTML,其实在这里https://developer.mozilla.org...
Element类的属性

滿天的星座


从上图可以看出HTML的元素都有对应的接口,是javasript的一部分,参考MDN
https://developer.mozilla.org...

滿天的星座

原型链上是 HTMLpElement -> HTMLELement -> Element -> Node -> EventTarget
但innerHTML不能直接在他们上面使用,

dom的innerHTML赋值/取值肯定不是在原型链上直接赋值/取值,估计是内部的一些方法来实现的,所以上面这一串.hasOwnProperty('innerHTML')都是false。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号