如何用JavaScript实现网页动态效果？
- 内容介绍
- 文章标签
- 相关推荐
本文共计454个文字，预计阅读时间需要2分钟。
使用JavaScript制作页面效果，11.1 DOM编程。DOM编程（Document Object Model）文档对象模型，在DOM编程中，将整个页面看作一个document对象，其中的元素为整体对象，DOM的核心在于‘将页面视为一个document对象’。
十一、使用 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制作页面内容请搜索自由互联以前的文章或继续浏览下面的相关文章希望大家以后多多支持自由互联！
本文共计454个文字，预计阅读时间需要2分钟。
使用JavaScript制作页面效果，11.1 DOM编程。DOM编程（Document Object Model）文档对象模型，在DOM编程中，将整个页面看作一个document对象，其中的元素为整体对象，DOM的核心在于‘将页面视为一个document对象’。
十一、使用 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制作页面内容请搜索自由互联以前的文章或继续浏览下面的相关文章希望大家以后多多支持自由互联！