js设置setAttribute、获取getAttribute、删除removeAttribute详细讲解
setAttribute的理解
所有主流浏览器均支持 setAttribute() 方法。
element.setAttribute(keys,cont)
keys==>必需(String类型)。您希望添加的属性的名称
cont==>必需（String类型）。您希望添加的属性值
使用场景:可以设置元素的属性类型。
<input value="3652" id="inputdemo" type="password">
最初是密码框，我们使用这个方法可以设置为file类型
同时它也可以设置自定义的属性值
比如
inputdemo.setAttribute("aa", "bb")
getAttribute
获取元素的属性值，如果存在返回对应的值
不存在返回null
<input value="3652" id="inputdemo" type="password">
返回password哈
console.log(input.getAttribute("type"));
由于不存在aa这个属性，所以返回null
console.log(input.getAttribute("aa"));
removeAttribute
删除属性值；
如果移除不存在的属性值，并不会报错的哈。
在echaers中就会使用removeAttribute这个方法
主要是处理echarts第二次不会渲染
通过案例了解这几个值
<body>
<div>
<input value="3652" id="inputdemo" type="password">
<input type="button" onClick="setClick()" value="点击设置">
<input type="button" onClick="getClick()" value="点击查询">
<input type="button" onClick="deleteClick()" value="点击删除">
</div>
<script>
var input = document.getElementById('inputdemo');
// setAttribute 设置input的type为file
function setClick() {
input.setAttribute("type", "file")
//自定义属性值
input.setAttribute("aa", "bb")
}
// getAttribute 输出input的type类型是password
function getClick() {
console.log(input.getAttribute("type"));
}
//removeAttribute 删除input的value值
function deleteClick() {
input.removeAttribute("value")
input.removeAttribute("type")
input.removeAttribute("ccc")
}
</script>
js设置setAttribute、获取getAttribute、删除removeAttribute详细讲解的更多相关文章
- vue.js设置、获取、删除cookie
项目需要前端获取后台返回的cookie,并以此作判断.我是在main.js入口文件下使用的 具体代码: new Vue({ el: '#app', router, template: '<App ...
- js设置，获取，删除Cookie
//JS操作cookies方法! //写cookies function setCookie(name,value) { var Days = 30; var exp = new Da ...
- js设置、获取单值cookie和多值cookie
js设置.获取单值cookie和多值cookie,代码如下: var CookieUtil = (function () { var Cookie = function () { // 获取单值coo ...
- Redis 过期键的设置、获取和删除过期时间
Redis 过期键的设置.获取和删除过期时间 转自http://blog.51cto.com/littledevil/1813956 设置过期 默认情况下键是没有生存时间的,也就是永不过期,除非清空内 ...
- JS设置和获取盒模型的宽和高
JS设置和获取盒模型的宽和高 dom.style.width/height:只能取出内联样式的宽度和高度 dom.currentStyle.width/height:获取即时的计算的样式,但是只有IE ...
- JS存储cookie读取cookie删除cookie详细用法
假设有这样一种情况,在某个用例流程中,由A页面跳至B页面,若在A页面中采用JS用变量temp保存了某一变量的值,在B页面的时候,同样需要使用JS来引用temp的变量值,对于JS中的全局变量或者静态变量 ...
- js设置与获取Cookie
/*设置与获取Cookie*/ var Cookie ={} Cookie.write = function(key, value, duration){ var d = new Date(); d. ...
- JS设置、获取DOM自定义属性
jQuery方式 // 获取 $('#test').attr('mydata'); // 设置 $('#test').attr('mydata','data-content'); // 移除 $('# ...
- Python Flask，cookie,session ，设置、获取、删除
使用Response类的set_cookie()方法可以设置cookie: Response.set_cookie( key, //键 value='', //值 max_age=None, //秒为 ...
- cookie的设置、获取以及删除
首先介绍一下cookie的基本信息: cookie是以域为单位的,它必须放在服务器的的环境下,但是cookie的容量小,只有4kb,并且也不安全,还有入股cookie的名字相同,会修改或者覆盖原来的值 ...
随机推荐
- SQL Server 附加数据库，报只读文件，无权修改其中某些文件
MSSQL 默认安装在 C盘下,由于C盘没空间了,迁到D盘,这时候在附件数据库是报了错误:附加数据库 因为它是只读的,它具有只读文件,无权修改其中某些文件 如果是可以附加,显示(只读)这时候不能删除 ...
- Bert不完全手册4. 绕开BERT的MASK策略？XLNET & ELECTRA
基于随机token MASK是Bert能实现双向上下文信息编码的核心.但是MASK策略本身存在一些问题 MASK的不一致性:MASK只在预训练任务中存在,在微调中不存在,Bert只是通过替换部分的随机 ...
- 【Go】函数高级 包的使用 gin框架入门 if-else 循环 switch 数组
目录 昨日回顾 今日内容 1 函数高级 2 包的使用 3 gin框架使用 4 if-else 5 循环 6 switch 7 数组 昨日回顾 # 1 go 基础数据类型 -数字:整数,正整数,浮点数, ...
- Mysql--编译安装5.6版本
1 下载编译工具 yum -y install cmake gcc gcc-c++ ncurses-devel autoconf 2 创建用户 目录 useradd -s /sbin/nologin ...
- linux tar解压命令总结
把常用的tar解压命令总结下,当作备忘: -c:建立压缩档案 -x:解压 -t:查看内容 -r:向压缩归档文件末尾追加文件 -u:更新原压缩包中的文件 这五个是独立的命令,压缩解压都要用到其中一个,可 ...
- SELinux 入门 pt.2
哈喽大家好,我是咸鱼 在<SELinux 入门 pt.1>中,咸鱼向各位小伙伴介绍了 SELinux 所使用的 MAC 模型.以及几个重要的概念(主体.目标.策略.安全上下文) 我们还讲到 ...
- C++：如何将 LLVM 嵌套到你的项目中去
IDE: Clion LLVM cmake_minimum_required(VERSION 3.9) project(clang_demo) find_package(LLVM REQUIRED C ...
- win32com报错：无效的类字符串(Invalid Class String)
异常:无效的类字符串 (Invalid Class String) . 使用python操作COM组件的朋友应该都碰到过,这个报错来自于python标准库pythoncom.win32com也是建立在 ...
- 存储密码-ssh添加秘钥
- macOX常用快捷键（结尾有彩蛋）
macOX的快捷键与windows10有所不同,了解了以后会更加提高我们的工作效率. Mac中主要有四个修饰键,分别是Command,Control,Option和Shift. 一.基本的快捷键: C ...