当前位置：主页 > 查看内容

十一、使用 JavaScript 制作页面效果

发布时间：2021-08-02 00:00| 有 位朋友查看

简介：文章目录 十一、使用 JavaScript 制作页面效果 11.1 DOM 编程 11.2 在 JS 查找页面中的元素 11.2.1 动态时间 11.2.2 全选全不选功能 十一、使用 JavaScript 制作页面效果 11.1 DOM 编程 DOM 编程(Document Object Model)文档对象模型 在 DOM 编程中把整个页……

文章目录

十一、使用 JavaScript 制作页面效果

11.1 DOM 编程

DOM 编程(Document Object Model)文档对象模型
在这里插入图片描述
在 DOM 编程中，把整个页面看成一个 document 对象，其中的 html 元素为具体对象，在 DOM 中的核心在于找到相对应的 HTML 元素对象，然后对进行操作(属性或样式的修改)还可以生成新的 HTML 元素对象

11.2 在 JS 查找页面中的元素

  1. 通过表单的 name 包含关系找到对象:document.calForm.num1
  2. 通过 HTML 元素的 id 属性获得某个 HTML 元素对象:
    document.getElementById(id)
  3. 通过 HTML 元素的 name 属性获得多个 name 属性值相同的 HTML 元素对象返回一个数组，该数组中存放所有同 name 属性的对象document.getElementsByName(name)
  4. 通过 HTML 元素的标签名获得多个同标签的 HTML 元素对象
    document.getElementsByTagName(tagName)

11.2.1 动态时间

在页面上显示的时间是动态走动的,当页面启动时显示时间,时间分两种:

  1. 服务端时间（通过 Java 获取)；
  2. 客户端时间（通过 JS 获取）,根据每个客户端上的时间来显示。
    在这里插入图片描述
    在这里插入图片描述

11.2.2 全选全不选功能

在这里插入图片描述
在这里插入图片描述

；原文链接：https://blog.csdn.net/qq_52916408/article/details/115797225
本站部分内容转载于网络，版权归原作者所有，转载之目的在于传播更多优秀技术内容，如有侵权请联系QQ/微信：153890879删除，谢谢！
上一篇：开发基于Java的图形用户界面 下一篇：没有了

推荐图文

  • 周排行
  • 月排行
  • 总排行

随机推荐