用 E4X 和 Prototype 创建 Ajax mindreader 应用程序，第 1 部分: 构建 Twenty Questions 基础结构

核心提示： 结果是一个单一元素，然后可以轻松地取出这个元素的 display 子元素，用 E4X 和 Prototype 创建 Ajax mindreader 应用程序，第 1 部分: 构建 Twenty Questions 基础结构(8)，并用标准的 DOM 操作在页面上显示它，见图 3，首先需要填充答案

结果是一个单一元素，然后可以轻松地取出这个元素的 display 子元素，并用标准的 DOM 操作在页面上显示它，见图 3。

图 3. 显示问题

现在需要添加可能的答案。

处理 XMLList

可以用不同的方式允许用户在页面上输入信息。在这个示例中，使用 span 模拟链接，见清单 6。

清单 6. 答案

　　<span　id="displayQuestion"></span><br　/>　
　　<span　class="answerLink"　
　　　　　　　id="answer1Text"></span>　
　　<span　class="answerLink"　
　　　　　　　id="answer2Text"></span>　
　　<span　class="answerLink"　
　　　　　　　id="answer3Text"></span>　

这些链接引用 answer_question() 函数（稍后编写这个函数）。但是，首先需要填充答案，见清单 7。

清单 7. 填充答案

...　
　　document.getElementById("displayQuestion").innerHTML　=　questionDisplay　;　
　　　　　
　　var　answerOptions　=　new　XMLList();　
　　answerOptions　=　questionElement.answerOption;　
　
　　var　answerCounter　=　0;　
　　document.getElementById("answer3Text").innerHTML　=　"";　
　　for　each(　var　answerText　in　answerOptions)　{　
　　　　answerCounter++;　
　　　　document.getElementById("answer"+answerCounter+"Text").innerHTML　=　
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　answerText;　
　　}　
}　
...　

编缉推荐阅读以下文章

• 用 E4X 和 Prototype 创建 Ajax mindreader 应用程序，第 2 部分: 使 mindreader 应用程序更智能化