DOM
YuKing_HONG
个人学习笔记。
展开
-
案例:点击按钮,页面显示当前系统的时间
点击按钮,页面显示当前系统的时间原创 2023-02-23 10:27:14 · 897 阅读 · 0 评论 -
循环精灵图----小图标的展示
2.利用for循环修改精灵图的背景位置background-position。获取所有的li,形成数组,用数组的下标来计算图片的位置。1.精灵图最好有规律,每个图之间间隔相同。下面是精灵图,右键保存。4.字符用+号串起来。原创 2023-01-30 11:40:26 · 181 阅读 · 0 评论 -
输入框显示隐藏默认文本
状态2:鼠标点击后,默认文本消失,出现光标,输入文字是黑色。状态1:显示默认文本,文本颜色灰色。状态3:删除输入的文字后,恢复状态1.原创 2023-01-30 11:31:53 · 418 阅读 · 0 评论 -
淘宝二维码浮窗案例
隐藏元素,但是其他元素的布局不改变,相当于此元素变成透明。要注意若将其子元素设为 visibility: visible,则该子元素依然可见。这表示具有display="none"属性元素的所有子元素都不会被渲染,即使子元素的display并不是none。原创 2023-01-11 15:55:21 · 150 阅读 · 0 评论 -
分时显示不同图片和问候语
/需要一个div显示问候语,跟随时间修改元素内容。//根据系统不同时间判断,需要用到日期内置对象。//修改img元素的src属性。//利用分支语句设置不同图片。原创 2022-12-22 18:27:11 · 316 阅读 · 0 评论 -
DOM学习笔记(坚持~~~~)
文档对象模型简称DOM,W3C组织推荐的处理可扩展标记语言的标准编程接口,通过这些DOM接口可以改变网页的内容,结构和样式。文档:一个页面就是一个文档,DOM中使用document表示。原创 2022-12-20 18:39:38 · 735 阅读 · 0 评论 -
表单全选取消全选
1.全选和取消全选做法让下面所有复选框的checked属性(选中状态)跟随全选按钮即可2.下面复选框需要全部选中,上面的全选才能选中做法。给下面所有复选框绑定事点击事件,每次点击,都要循环查看下面所有的复选框是否选中的,如果有一个没有选中的,上面全选就不选中。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-e..原创 2021-05-26 15:29:09 · 723 阅读 · 0 评论 -
提示错误Uncaught TypeError:Cannot read property‘appendChild‘of null
重新把id写一遍就解决了。我也不知道为啥。原创 2021-05-12 18:14:13 · 97 阅读 · 0 评论