使用|使用 JavaScript 制作页面效果
十一、使用 JavaScript 制作页面效果
11.1 DOM 编程
【使用|使用 JavaScript 制作页面效果】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)
服务端时间(通过 Java 获取);客户端时间(通过 JS 获取),根据每个客户端上的时间来显示。
文章图片
文章图片
11.2.2 全选全不选功能
文章图片
文章图片
到此这篇关于使用 JavaScript 制作页面效果的文章就介绍到这了,更多相关js制作页面内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
推荐阅读
- 基于Matlab制作一款简单的龙舟小游戏
- EF使用Code|EF使用Code First模式生成单数形式表名
- 教你用Matlab制作黄金矿工小游戏
- 模板/STL|【c++模板笔记二】类模板的介绍以及使用方法
- JS|说说JavaScript中的数据类型
- JavaScript|JavaScript 匿名函数、模块模式、闭包、命名空间、创建构造器(类)、继承
- Javascript自执行匿名函数(function() { })()的原理浅析
- javascript中为何在匿名function函数后面还外加一个括号
- JavaScript|函数有参无参真有很大区别吗()
- Web前端|轻松理解JavaScript匿名函数、自执行函数、闭包函数、回调函数