2021-07-22

最新推荐文章于 2021-11-07 18:18:59 发布

Lydada1

最新推荐文章于 2021-11-07 18:18:59 发布

阅读量67

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/lydada1/article/details/119004960

版权

笔记专栏收录该内容

10 篇文章 0 订阅

订阅专栏

表单的使用

在这里插入图片描述
表单要是进行修改的话必须要动用他本身的一些特殊的属性进行修改

如图所示，我们只能通过修改ivalue等东西的值来进行修改而无法通过innerGHtml等修改div的方式来进行修改哦
在这里插入图片描述
京东变化密码的显示的案例

Document

</div>
<script>
   var eye = document.getElementById('eye')
   var wod = document.getElementById('wod')
   var flag = 0;
   eye.onclick = function() {
       if (flag == 0){
       wod.type ='text';
       flag = 1;
       eye.src ='../第一天/图片素材/jp1.jpg';
   }else{
      wod.type = 'password';
       flag = 0;
       eye.src = '../第一天/图片素材/jp2.jpg';
   }
}
</script>

![在这里插入图片描述](https://img-blog.csdnimg.cn/img_convert/b2376571e7a3a152c5c956f4d3bc4e97.png) ## 修改样式属性 ![在这里插入图片描述](https://img-blog.csdnimg.cn/img_convert/d2d64d69a18c0d13de64c006750aebe7.png) 案例：隐藏文本框 Document ![在这里插入图片描述](https://img-blog.csdnimg.cn/bb610ebabe8043a1876b1883855ca30b.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0x5ZGFkYTE=,size_16,color_FFFFFF,t_70)

className的转化，类似于style，但是是用class即css的样式来进行修改的，具有节省的意义
在这里插入图片描述
使用方法如图所示
className修改类名会覆盖之前使用过的类名，js才是老大