DOM操作：从入门到精通
超级会员免费看
利用 DOM 操作网页内容：从基础到高级应用
1. 引言
使用 JavaScript 控制网页内容就像烘焙一样，虽然没有烘焙后的美味奖励，但可以完全访问构成网页的 HTML 元素，还能随意更改网页的“配方”。JavaScript 让我们能够随心所欲地操作网页中的 HTML 代码，而这一切都得益于文档对象模型（DOM）。
2. 改善用户界面
2.1 现有界面问题
之前的冒险脚本虽然能实现交互决策，但用户界面比较笨拙。例如，警告框的导航很繁琐，选项按钮的标签（如 1 和 2）也不直观，缺乏决策的上下文信息。
2.2 改进方案
为了摆脱烦人的警告框，将场景描述直接显示在页面上。可以使用 <div> 标签在页面上创建一个区域来显示场景描述，并且通过设置 id 属性来唯一标识这个元素，方便 JavaScript 代码访问。
以下是一个示例 HTML 代码：
<body>
<div style="margin-top:100px; text-align:center">
<img id="sceneimg" src="scene0.png" alt="Stick Figure Adventure" /><br />
<div id="scenetext"></div><br />
Please choose:
<input typ
订阅专栏 解锁全文
扫一扫
6241
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
