hiaia
2016-09-13 06:09 阅读 1.2k
已采纳

getElementsByTagName返回的类数组对象的属性不可写是什么原理?

getElementsByTagName返回的类数组对象的属性是不可写的,但是是活的对象。因此对getElementsByTagName返回的对象做了如下测试。

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script>
        window.onload=function () {
            var divs=document.getElementsByTagName("div");
            var mydiv=document.createElement("div");
            mydiv.innerHTML="ahhaha";
            console.log(Object.getOwnPropertyDescriptor(divs.__proto__,"length"));
            console.log(Object.getOwnPropertyDescriptor(divs,"0"));
            console.log(divs.length);
            divs[0]=mydiv;
            console.log(divs.length);
            console.log(divs[0].innerHTML);
        }
    </script>
    <title>Title</title>
</head>
<body>
    <div>dsfe<strong>dsfe<span>dfe</span></strong></div>
    <div>dsfe<strong>dsfe<span>dfe</span></strong></div>
    <div>dsfe<strong>dsfe<span>dfe</span></strong></div>
    <div>dsfe<strong>dsfe<span>dfe</span></strong></div>
    <div>dsfe<strong>dsfe<span>dfe</span></strong></div>
    <div>dsfe<strong>dsfe<span>dfe</span></strong></div>
</body>
</html>

getELementsByTagName返回的对象的属性是不可写的,上述代码也验证了,但是测试该对象属性的特性时,返回的结果如下:
Object
configurable: true
enumerable: false
value: div
writable: true
proto: Object
writable特性为true,这一点很疑惑。

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

3条回答 默认 最新

  • 已采纳
    showbo GoCityPass新加坡曼谷通票 2016-09-14 02:19

    getElementsByTagName返回的是NodeList,不是数组,无法对NodeList进行添加删除操作,只能获取,和函数的arguments相似

    点赞 评论 复制链接分享
  • yu3224287044 努力的屌丝 2016-09-13 06:56

    getOwnPropertyDescriptor是什么意思

    点赞 评论 复制链接分享
  • yu3224287044 努力的屌丝 2016-09-13 07:20

    function process(){
    alert('aaa');
    };
    window.onload = function(){
    var oInputs = document.getElementsByTagName('input');
    var array = ['a','b'];
    chunk(oInputs,process); //这块传array数组就可以,传oInputs就不行报错!
    };
    function chunk(array,process,context){
    var items = array.concat();
    setTimeout(function(){
    var ite = items.shift();
    process.call(context,ite);

            if(items.length > 0){
                setTimeout(arguments.callee,100);
            }
        },100);
    };
    
    点赞 评论 复制链接分享

相关推荐