第四章 Document对象 JavaScript及网页特效制作课件 上机部分.pptVIP

上机4 Document对象 回顾 Document对象的常用属性有哪些？ 获取页面所有节点使用哪个属性？ 获取页面所有超链接使用哪个属性？ 上机任务 获取文本框输入的值。 遍历页面a标签。 遍历页面所有标签 打开新窗口并写入内容 训练技能点 掌握常用的Document对象属性。 掌握常用的Document对象方法。 任务1 任务说明 页面上有两个文本框，向其中任意一个文本框输入文字时，将输入的文字显示到另外一个文本框中。 任务1 掌握要点 onKeyPress事件的使用。 document.forms属性的使用。 实现思路 为两个文本框绑定onKeyPress事件。 获取当前正在输入的文本框的值。 将获取的值显示到另外一个文本框中。 任务1 参考代码 任务2 任务说明 页面包含多个a标签，使用document.links属性获取所有a标签，并取出内部的文本值拼接后输出。 任务2 实现思路 使用document.links取出所有a标签 遍历a标签数组，使用childNodes属性获取内部元素。 阶段2 任务3 任务说明 将页面所有标签名称遍历出来，显示在页面上。 任务3 掌握要点 document.all属性的使用。 实现思路 使用document.all.length属性获取页面所有标签的个数。 循环遍历document.all，获取标签名称。 任务3 参考代码