首页
编程随笔
Java笔记
Html/Css/Js
Android
后端笔记
服务器搭建
BUG收集
Java异常
Android异常
在线工具
Json格式化
编码/解码
Epub在线编辑
登录
发布文章
个人文章
退出登录
首页
技术教程
BUG收集
在线工具
资源下载
登录
发布文章
退出登录
搜索
当前位置：
首页
-
博客
- 正文
关闭
原生JavaScript常用方法收集
更新时间：2022-10-16 22:44:16
阅读数：438
发布者：落幕
### 1、获取父元素 obj.parentElement 示例: input鼠标移动到眼睛就显示密码，否则隐藏密码 html代码 ```html <div class="col-sm-10"> <input style="float: left" type="password" class="form-control" id="old_pwd" placeholder="请输入旧密码"> <span style="float: right;margin-top:-33px;font-size:17px;padding: 8px" class="fa fa-eye mouse-eye"></span> </div> ``` js代码 ```javacript window.onload = function() { let mouseEyeEles = document.getElementsByClassName("mouse-eye"); for (let o = 0; o < mouseEyeEles.length; o++) { mouseEyeEles[o].onmouseover = function() { this.parentElement.getElementsByTagName("input")[0].type="text"; } mouseEyeEles[o].onmouseout = function() { this.parentElement.getElementsByTagName("input")[0].type="password"; } } } ```
