会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
wanker
彼方尚有荣光在
博客园
首页
新随笔
联系
订阅
管理
2024年7月19日
使用jQuery实现日期时间的获取
摘要: 1、首先写一个div用于显示获取到的日期和时间 <div class="show"></div> 2、为了方便查看,给显示日期的div写个样式 <style> * { margin: 0; padding: 0; } .show { width: 200px; height: 45px; line-
阅读全文
posted @ 2024-07-19 09:57 Wanker
阅读(211)
评论(0)
推荐(0)
2024年6月6日
使用jQuery实现鼠标移入展开导航的二级菜单栏
摘要: 1、首先写出html结构(举个例子) <div class="nav"> <ul> <li> <a href="#">全国导航</a> <ul class="nav_meun"> <li><a href="#">四川省</a></li> <li><a href="#">吉林省</a></li> <l
阅读全文
posted @ 2024-06-06 16:33 Wanker
阅读(164)
评论(0)
推荐(0)
2024年4月30日
使用jQuery实现元素的显示隐藏
摘要: 实现思路:通过jQuery的点击事件,对元素使用show( )、hide( )方法实现;也可以直接通过改变元素css样式实现。 1、首先得有个html结构的文件 <div class="tel">安全公告</div> <!-- 弹窗 --> <div class="mask"> <h4>注意事项</
阅读全文
posted @ 2024-04-30 11:29 Wanker
阅读(114)
评论(0)
推荐(0)
使用input对电话号码实现隐藏显示
摘要: 1、首先选择利用表格来呈现html结构 <!-- html代码 --> <table border="1px solid"> <thead> <tr> <th>姓名</th> <th>电话号码</th> </tr> </thead> <tbody> <tr> <td align="center">张
阅读全文
posted @ 2024-04-30 10:10 Wanker
阅读(96)
评论(0)
推荐(0)
2024年4月24日
点击事件报错: Cannot set properties of null (setting 'onclick')
摘要: 1、正常书写代码如下: 通过外部引用JS文件实现想要的效果时报错,以下是代码的展示。 在头部引入js文件 <script type="text/javascript" src="./win.js"></script> HTML代码文件如下: <div class="cl"> <div id="mas
阅读全文
posted @ 2024-04-24 16:06 Wanker
阅读(1303)
评论(0)
推荐(0)
修改元素样式报错:Cannot set properties of undefined (setting 'visibility')
摘要: 1、正常书写代码如下: <div class="cl"> <div id="mask"> <span id="close">X</span> </div> </div> <!-- JS代码如下 --> <script> let close = document.getElementById("clo
阅读全文
posted @ 2024-04-24 15:20 Wanker
阅读(689)
评论(0)
推荐(0)
2024年1月17日
数组遍历的方法
摘要: 1、forEach ( ) forEach() 方法对数组的每个元素执行一次给定的函数,不会改变原数组,没有返回值。 数组中的每个值都会调用回调函数,回调函数有三个参数: currentValue: 必需。当前元素。 index: 可选。当前元素的索引值。 arr: 可选。当前元素所属的数组对象。
阅读全文
posted @ 2024-01-17 14:10 Wanker
阅读(463)
评论(0)
推荐(0)
2024年1月15日
常见的DOM操作
摘要: 1、获取DOM节点 <div class="container"> <ul> <li>1</li> <li id="frist">2</li> <li>3</li> </ul> </div> // 获取节点 (1)根据id查询 let list = document.getElementById("
阅读全文
posted @ 2024-01-15 17:50 Wanker
阅读(68)
评论(0)
推荐(0)
创建DOM节点时出现错误信息:box.appendChild is not a function
摘要: 1、代码正常书写如下 <div class="box"></div> <!-- JavaScript代码 --> <script> // 创建节点 let box = document.getElementsByClassName("box"); let words = document.creat
阅读全文
posted @ 2024-01-15 17:12 Wanker
阅读(258)
评论(0)
推荐(0)
2023年10月7日
display:none和overflow:hidden的区别
摘要: 1、display:none 当将一个元素的display属性设置为none时,该元素将不会显示在网页中,并且不会占据任何空间。也就是说,该元素会完全隐藏,其他的元素会立即占据它原来的位置。该属性适用于需要完全隐藏某个元素的场景。 // html代码:完全隐藏子元素 <div class="fath
阅读全文
posted @ 2023-10-07 16:01 Wanker
阅读(457)
评论(0)
推荐(0)
下一页
公告