本文介绍如何使用 JavaScript 进行 DOM 编程以制作页面效果。核心在于通过 document 对象定位 HTML 元素，利用 name、id 或标签名获取元素并进行属性或样式修改。内容涵盖动态时间的显示逻辑及全选/全不选功能的实现方法，帮助开发者掌握基础的页面交互技巧。
十一、使用 JavaScript 制作页面效果
11.1 DOM 编程
DOM 编程（Document Object Model，文档对象模型）
在 DOM 编程中，将整个页面视为一个 document 对象，其中的 HTML 元素即为具体的对象。DOM 编程的核心在于定位到对应的 HTML 元素对象，随后对其执行操作（如修改属性或样式），或者生成新的 HTML 元素对象。
11.2 在 JS 查找页面中的元素
- 通过表单的 name 包含关系找到对象:
document.calForm.num1 - 通过 HTML 元素的 id 属性获得某个 HTML 元素对象:
document.getElementById(id)- 通过 HTML 元素的 name 属性获得多个 name 属性值相同的 HTML 元素对象，返回一个数组，该数组中存放所有同 name 属性的对象:
document.getElementsByName(name)。通过 HTML 元素的标签名获得多个同标签的 HTML 元素对象: document.getElementsByTagName(tagName)
11.2.1 动态时间
在页面上显示的时间是动态走动的，当页面启动时显示时间。时间分为两种：
服务端时间（通过 Java 获取）；客户端时间（通过 JS 获取），根据每个客户端上的时间来显示。
11.2.2 全选全不选功能
到此这篇关于使用 JavaScript 制作页面效果的文章就介绍到这了，更多相关 js 制作页面内容请搜索本站以前的文章或继续浏览下面的相关文章，希望大家以后多多支持本站！