setAttribute的理解

  1. 所有主流浏览器均支持 setAttribute() 方法。
  2. element.setAttribute(keys,cont)
  4. keys==>必需(String类型)。您希望添加的属性的名称
  5. cont==>必需（String类型）。您希望添加的属性值 
  7. 使用场景:可以设置元素的属性类型。
  8. <input value="3652" id="inputdemo" type="password">
  9. 最初是密码框，我们使用这个方法可以设置为file类型
  10. 同时它也可以设置自定义的属性值
  11. 比如
  12. inputdemo.setAttribute("aa", "bb")

getAttribute

  1. 获取元素的属性值，如果存在返回对应的值
  2. 不存在返回null
  3. <input value="3652" id="inputdemo" type="password">
  4. 返回password哈
  5. console.log(input.getAttribute("type"));
  6. 由于不存在aa这个属性，所以返回null
  7. console.log(input.getAttribute("aa"));

removeAttribute

  1. 删除属性值；
  2. 如果移除不存在的属性值，并不会报错的哈。
  3. 在echaers中就会使用removeAttribute这个方法
  4. 主要是处理echarts第二次不会渲染

通过案例了解这几个值

  1. <body>
  2.     <div>
  3.         <input value="3652" id="inputdemo" type="password">
  4.         <input type="button" onClick="setClick()" value="点击设置">
  5.         <input type="button" onClick="getClick()" value="点击查询">
  6.         <input type="button" onClick="deleteClick()" value="点击删除">
  7.     </div>
  8.     <script>
  9.         var input = document.getElementById('inputdemo');
  10.         // setAttribute 设置input的type为file
  11.         function setClick() {
  12.             input.setAttribute("type", "file")
  14.             //自定义属性值
  15.             input.setAttribute("aa", "bb")
  16.         }
  18.         // getAttribute 输出input的type类型是password
  19.         function getClick() {
  20.             console.log(input.getAttribute("type"));
  21.         }
  23.         //removeAttribute 删除input的value值
  24.         function deleteClick() {
  25.             input.removeAttribute("value")
  26.             input.removeAttribute("type")
  27.             input.removeAttribute("ccc")
  28.         }
  29.     </script>

js设置setAttribute、获取getAttribute、删除removeAttribute详细讲解的更多相关文章

  1. vue.js设置、获取、删除cookie

    项目需要前端获取后台返回的cookie,并以此作判断.我是在main.js入口文件下使用的 具体代码: new Vue({ el: '#app', router, template: '<App ...

  2. js设置，获取，删除Cookie

    //JS操作cookies方法! //写cookies function setCookie(name,value) {     var Days = 30;     var exp = new Da ...

  3. js设置、获取单值cookie和多值cookie

    js设置.获取单值cookie和多值cookie,代码如下: var CookieUtil = (function () { var Cookie = function () { // 获取单值coo ...

  4. Redis 过期键的设置、获取和删除过期时间

    Redis 过期键的设置.获取和删除过期时间 转自http://blog.51cto.com/littledevil/1813956 设置过期 默认情况下键是没有生存时间的,也就是永不过期,除非清空内 ...

  5. JS设置和获取盒模型的宽和高

    JS设置和获取盒模型的宽和高 dom.style.width/height:只能取出内联样式的宽度和高度 dom.currentStyle.width/height:获取即时的计算的样式,但是只有IE ...

  6. JS存储cookie读取cookie删除cookie详细用法

    假设有这样一种情况,在某个用例流程中,由A页面跳至B页面,若在A页面中采用JS用变量temp保存了某一变量的值,在B页面的时候,同样需要使用JS来引用temp的变量值,对于JS中的全局变量或者静态变量 ...

  7. js设置与获取Cookie

    /*设置与获取Cookie*/ var Cookie ={} Cookie.write = function(key, value, duration){ var d = new Date(); d. ...

  8. JS设置、获取DOM自定义属性

    jQuery方式 // 获取 $('#test').attr('mydata'); // 设置 $('#test').attr('mydata','data-content'); // 移除 $('# ...

  9. Python Flask，cookie,session ，设置、获取、删除

    使用Response类的set_cookie()方法可以设置cookie: Response.set_cookie( key, //键 value='', //值 max_age=None, //秒为 ...

  10. cookie的设置、获取以及删除

    首先介绍一下cookie的基本信息: cookie是以域为单位的,它必须放在服务器的的环境下,但是cookie的容量小,只有4kb,并且也不安全,还有入股cookie的名字相同,会修改或者覆盖原来的值 ...

随机推荐

  1. Scrum Master需要具备哪些能力和经验

    摘要:ScrumMaster对于产品负责人和开发团队来说,履行的是教练的职责,帮助团队和组织其他成员发展具有组织特色的.高效的Scrum方法,贯彻执行敏捷思想,激励团队持续提升,并不懈追求卓越的表现. ...

  2. 什么是 A/B 实验，为什么要开 A/B 实验？

    更多技术交流.求职机会,欢迎关注字节跳动数据平台微信公众号,回复[1]进入官方交流群 1.什么是 A/B 实验 A/B 实验也被称为 A/B 测试,实验的基本思路是在线上流量中取出一小部分(较低风险) ...

  3. 7z压缩测试

    注意: CompressionLevel 选择

  4. ME5A报表增强

    一.ME5A报表新增长文本字段 结构中添加字段 在该方法下添加对应的取值逻辑 二.ME5A点击科目分配按钮界面添加字段 结构中添加字段 对应位置写取值逻辑 定期更文,欢迎关注 TRANSLATE wi ...

  5. 神经网络优化篇：详解RMSprop

    RMSprop 知道了动量(Momentum)可以加快梯度下降,还有一个叫做RMSprop的算法,全称是root mean square prop算法,它也可以加速梯度下降,来看看它是如何运作的. 回 ...

  6. 自用 IntelliJ IDEA Vim 插件配置

    Prefrence: https://einverne.github.io/post/2020/12/my-idea-vimrc-config.html https://gist.github.com ...

  7. 【网络爬虫学习】Python 爬虫初步

    本系列基于 C语言中文网的 Python爬虫教程(从入门到精通)来进行学习的, 部分转载的文章内容仅作学习使用! 前言 网络爬虫又称网络蜘蛛.网络机器人,它是一种按照一定的规则自动浏览.检索网页信息的 ...

  8. Codeforces Round #481 (Div. 3) 经典几道思维题

    A - AAA POJ - 3321 给你一颗树,支持两种操作 1.修改某一节点的权值 2.查询子树的权值(子树中节点的个数) 很显然可以用树状数组/线段树维护 B - BBB CodeForces ...

  9. RPC与Http的区别

    一.远程调用方式 无论是微服务还是分布式服务(都是SOA,都是面向服务编程),都面临着服务间的远程调用.那么服务间的远程调用方式有哪些呢? 常见的远程调用方式有以下几种: RPC:Remote Pro ...

  10. C#设计模式02——原型模式的写法

    public class ProteType { private static ProteType _ProteType = new ProteType(); private ProteType() ...