直接使用Id和使用document.getElementById()的比较

最新推荐文章于 2022-01-21 19:58:25 发布

坐在路边数星星

最新推荐文章于 2022-01-21 19:58:25 发布

阅读量3.8k

点赞数 1

分类专栏：前端文章标签： javascript

本文链接：https://blog.csdn.net/lm278858445/article/details/49703061

版权

前端专栏收录该内容

56 篇文章 0 订阅

订阅专栏

H5中测试直接使用Id和使用document.getElementById()方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <div id="test"></div>
    <script>
        var d=document.getElementById("test");
        console.log(Object.prototype.toString.call(d));        //[object HTMLDivElement]
        console.log(Object.prototype.toString.call(test));     //[object HTMLDivElement]
        console.log(d);                                        //<div id="test"></div>
        console.log(test);                                     //<div id="test"></div>
    </script>
</body>
</html>

在Google Chrome下输出结果为注释内容，FF下输出不包括结束标记

在全局对象window下可以检索到d属性，但是无法检索test

期待大神对这两个用法给个详细的解释！！！

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

坐在路边数星星

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
直接使用Id和使用document.getElementById()的比较

H5中测试直接使用Id和使用document.getElementById()方法 var d=document.getElementById("test"); console.log(Object.prototype.toString.call(d)); //[object HTMLDivEle
复制链接

扫一扫