用for循环给数组添加元素，为什么用alert显示还是长度0

首页课程实战体系课手记专栏慕课教程

用for循环给数组添加元素，为什么用alert显示还是长度0

<!DOCTYPE html>
<html>
<head>
	<title>缩略语列表</title>
	<link rel="stylesheet" href="tst.css" type="text/css" />
</head>
<body>

<h1>What is the Document Object Model?</h1>
<p>
The <abbr title="World Wide Web Consortium">W3C</abbr>
defines the <abbr title="Document Object Model">DOM</abbr>as:
</p>

<blockquote cite="http://www.w3c.org/DOM/">
	<p>A platform and language-neutral interface that will 
	allow programs and scripts to dynamically access and update
	the content,structure and style of documents.</p>
</blockquote>

<p>
It is an <abbr title="Application Programming Interface">API</abbr>
that can be used to navigate <abbr title="eXtensible Markup Language">XML</abbr> document.
</p>

<abc></abc>

<script src="tes.js"></script>
</body>
</html>

function adonload(func){
	var oldonload = window.onload;
	if(typeof oldonload != 'function'){
		window.onload = func;
	}else{
		window.onload = function(){
			oldonload();
			func();
		}
	}
}

function insertAfter(newele,tagele){
	var parent = tagele.parentNode;
	if(parent.lastChild == tagele){
		parent.appendChild(newele);
	}else{
		insertBefore(newele,tagele.nextSibling);
	}
}
//以上为通用函数


function displayAbbreviations(){
	if(!document.getElementsByTagName)return false;
	if(!document.createElement)return false;
	if(!document.createTextNode)return false;
	var abbrEle = document.getElementsByTagName("abbr");
	if(abbrEle.length < 1) return false;
	var defs = new Array();
	for(var i = 0; i<abbrEle.length; i++){
		if(abbrEle[i].childNodes.length < 1) continue;  
		var key = abbrEle[i].lastChild.nodeValue;
		var describe = abbrEle[i].getAttribute("title");
		defs[key] = describe;
		// alert(defs.length);  这里为什么不能显示defs的长度？？？
	}

	var dlEle = document.createElement("dl");
	for(key in defs){
		var describe = defs[key];
		var dtEle = document.createElement("dt");
		var dtEleTxt = document.createTextNode(key);
		dtEle.appendChild(dtEleTxt);
		var ddEle = document.createElement("dd");
		var ddEleTxt = document.createTextNode(describe);
		ddEle.appendChild(ddEleTxt);
		dlEle.appendChild(dtEle);
		dlEle.appendChild(ddEle);
	}
	if(dlEle.childNodes.length < 1)return false;
	document.body.appendChild(dlEle);
	// alert(defs.length)   这里为什么也不能显示defs的长度？？？
	
	var header = document.createElement("h2");
	var headerTxt = document.createTextNode("缩略语列表");
	header.appendChild(headerTxt);
	dlEle.parentNode.insertBefore(header,dlEle);
}


function displayCite(){
	if(!document.getElementsByTagName)return false;
	if(!document.createElement || !document.createTextNode)return false;
	var quote = document.getElementsByTagName("blockquote");
	for(var i = 0; i<quote.length; i++){
		if(!quote[i].getAttribute("cite"))continue;
		var cite = quote[i].getAttribute("cite");
		var links = document.createElement("a");
		var linksTxt = document.createTextNode("source"+(i+1));
		links.appendChild(linksTxt);
		links.setAttribute("href",cite[i]);
		document.body.appendChild(links);
	}
}

adonload(displayAbbreviations);
adonload(displayCite);

我要用循环给数组添加，每个key对应一个describe,但是我循环完后想看看数组添加了多少，理论上应该有4项，但是弹出窗口显示0

开心的山羊

浏览 1191回答 2

2回答

__innocence

你看看key是什么类型的，如果是字符串，那么你就不是在给数组添加元素，而是在给数组添加属性

0 0

随时随地看视频慕课网APP

相关分类

JavaScript