当前位置:首页 - 博客 - 正文

原生JavaScript常用方法收集

1、获取父元素

obj.parentElement

示例: input鼠标移动到眼睛就显示密码,否则隐藏密码
html代码

  1. <div class="col-sm-10">
  2. <input style="float: left" type="password" class="form-control" id="old_pwd" placeholder="请输入旧密码">
  3. <span style="float: right;margin-top:-33px;font-size:17px;padding: 8px" class="fa fa-eye mouse-eye"></span>
  4. </div>

js代码

  1. window.onload = function() {
  2. let mouseEyeEles = document.getElementsByClassName("mouse-eye");
  3. for (let o = 0; o < mouseEyeEles.length; o++) {
  4. mouseEyeEles[o].onmouseover = function() {
  5. this.parentElement.getElementsByTagName("input")[0].type="text";
  6. }
  7. mouseEyeEles[o].onmouseout = function() {
  8. this.parentElement.getElementsByTagName("input")[0].type="password";
  9. }
  10. }
  11. }