2 hiaia hiaia 于 2016.09.13 14:09 提问

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
showbo   Ds   Rxr 2016.09.14 10:19
已采纳

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

hiaia
hiaia 我在chrome,ie上查看writeable是true,不过在ff上是false,虽然问题不解开心里有疙瘩,不过不深究了,多谢!
大约一年之前 回复
showbo
showbo 回复大猿猴: console.log(Object.getOwnPropertyDescriptor(divs, "0"));这是flase。。
大约一年之前 回复
hiaia
hiaia 但是为什么用getOwnPropertyDescriptor查看特性时writeable时true?
大约一年之前 回复
yu3224287044
yu3224287044   2016.09.13 14:56

getOwnPropertyDescriptor是什么意思

hiaia
hiaia html5 里的方法,获取对象实例的属性的特性的函数。
大约一年之前 回复
yu3224287044
yu3224287044   2016.09.13 15: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);
};
hiaia
hiaia getElementsByTagName返回的是类数组对象,并不是数组对象,不会继承数组原型上的方法,所以如果是getElementsByTagName返回的对象的话不能直接使用concat方法
大约一年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片