<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Jay Skript And The Domsters: Tour dates</title>
<script src="scripts/modernizr-1.6.min.js"></script>
<link rel="stylesheet" media="screen" href="styles/basic.css" />
</head>
<body>
<header>
<img src="images/logo.JPG" alt="Jay Skript and the Domsters" />
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="photos.html">Photos</a></li>
<li><a href="live.html">Live</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<article>
<h1>Tour dates</h1>
<table summary="when and where you can see the band">
<thead>
<tr>
<th>Date</th>
<th>City</th>
<th>Venue</th>
</tr>
</thead>
<tbody>
<tr>
<td>June 9th</td>
<td>Portland, <abbr title="Oregon">OR</abbr></td>
<td>Crystal Ballroom</td>
</tr>
<tr>
<td>June 10th</td>
<td>Seattle, <abbr title="Washington">WA</abbr></td>
<td>Crocodile Cafe</td>
</tr>
<tr>
<td>June 12th</td>
<td>Sacramento, <abbr title="California">CA</abbr></td>
<td>Torch Club</td>
</tr>
<tr>
<td>June 17th</td>
<td>Austin, <abbr title="Texas">TX</abbr></td>
<td>Speakeasy</td>
</tr>
</tbody>
</table>
</article>
<script src="scripts/global.js"></script>
</body>
</html>
function displayAbbreviations(){
//获取article元素中所有的abbr元素
var articles=document.getElementsByTagName("article");
if(articles.length==0)return false;
var tables=articles[0].getElementsByTagName("table");
if(tables.length==0)return false;
var abbrs=tables[0].getElementsByTagName("abbr");
if(abbrs.length==0)return false;
//创建自定义列表
var dl=document.createElement("dl");
//遍历
for(var i=0;i<abbrs.length;i++){
//创建dt，dd元素
var dt=document.createElement("dt");
var dd=document.createElement("dd");
var dt_text=abbrs[i].firstChild.nodeValue;
var dd_text=abbrs[i].getAttribute("title");
dt.appendChild(dt_text);
dd.appendChild(dd_text);
dl.appendChild(dt);
dl.appendChild(dd);
}
insertAfter(dl,tables);
}
addLoadEvent(displayAbbreviations);我想问一下 为什么我打开chrome的F12以后 会提示出现
Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.
at displayAbbreviations (global.js:225)
就是说
dt.appendChild(dt_text);这段代码里面的dt_text不是节点类型。这是为什么？
abbrs[i].firstChild.nodeValue明明可以获得值。哪里错了呢
