1. 自定义属性的操作

1.1 获取属性值

element . 属性获取属性值；（元素本身自带的属性）
element . getAttribute( ' 属性 ' )；（主要获取自定义的属性（标准））

1.2 设置属性值

element.属性='值'
element.setAttribute('属性','值')

1.3 移除属性

removeAttribute（'属性'）

<body><div id="demo" index='12' class="nav"></div><script>var div = document.querySelector('div');// 1. 获取元素的属性值// （1）element . 属性   如果是原有的属性可以直接写这个console.log(div.id);   //demo// (2) element . getAttribute( ' 属性 ' )；  程序员自己添加的属性称为自定义属性 indexconsole.log(div.getAttribute('id'));   //democonsole.log(div.getAttribute('index'));   //12// 2.设置元素属性值 (记住class比较特殊)// （1）element.属性='值'div.id = 'text';div.className = 'navs';  //也可以这样直接把class的nav改为navsconsole.log(div.id);  //textconsole.log(div.className);  //navs // (2) element.setAttribute('属性','值')   主要针对于自定义属性div.setAttribute('index', '11');console.log(div.getAttribute('index'));  //11div.setAttribute('class', 'footer');console.log(div.getAttribute('class'));  //footer// 3.移除属性 removeAttribute（'属性'）div.removeAttribute('index');  //index属性被移除</script>
</body>

DOM—操作元素（获取属性值、设置属性值、移除属性）相关推荐

day04【JS高级】BOM对象、Window对象、二种定时器、 Location对象、DOM对象、DOM获取元素、DOM操作内容、DOM操作属性、DOM操作样式、DOM操作元素（标签）、正则表达式
回顾 1. js基础语法运算符:算数运算符可以与字符串进行数学运算,js底层进行隐式转换比较运算符:===(恒等) 特点,比较类型+内容流程控制语句if判断条件表达式:1)布尔2)数值:非0为真3)字 ...
【JavaScript】DOM 操作元素样式和元素类名
文章目录 [JavaScript]DOM 操作元素样式和元素类名一. 操作元素样式 (1)操作行内元素 1. 获取元素的样式 2. 设置元素的样式 (2) 操作非行内元素和行内元素 1. 获取元素的 ...
php textarea 默认值,html中的textarea属性大全(设置默认值高度自适应获取内容限制输入字数 placeholder)...
1.textarea设置默认值 HTML: 此段代码设置一个textarea文本框并且设置为隐藏 2.textarea高度自适应今天需要些一个回复评论的页面,设计师给的初始界面就是一个只有一行的框 ...
js获取属性值,自定义属性，修改移除属性值
补充:由于不清楚一些属性是内置属性还是自定义属性所以h5规定自定义属性使用date-开头作为属性并赋值案例1: <body><div date-index="1&qu ...
jquery给标签添加属性或获取属性值attr方法，移除属性removeAttr方法
1. attr() 方法设置或返回被选元素的属性值. (1)返回被选元素的属性值: $(selector).attr(attribute) (2)设置被选元素的属性和值 $(selector).att ...
css文本外观属性中设置字体,css 文本外观属性(text) 和字体样式属性(font)
css文本 text外观属性 color: 颜色值(red,blue)十六进制 ,rgb letter-spacing: 字间距 px,em word-spacing: 单词间距对中文无效 line ...
Cascader 级联选择器如何根据给定的叶节点值设置默认值（数据回显）
转载自:Cascader 级联选择器如何设置默认值(数据回显)_༺举个栗子吧༻的博客-CSDN博客_选择器设置默认值官网cascader:https://element.eleme.cn/#/zh- ...
JS的dom操作基础——获取元素
系统提供的方法在H5之前的技术: 1.getElementById("目标元素的id值") 通过标签的id获取,如果未找到返回null. 2.getElementsByClas ...
js DOM操作元素样式
element.style 行内样式操作 element.className 类名样式操作 1. element.style 上下文是获取到的元素: 通过element.style.某个css样式设 ...

DOM—操作元素（获取属性值、设置属性值、移除属性）

1. 自定义属性的操作

1.1 获取属性值

1.2 设置属性值

1.3 移除属性

DOM—操作元素（获取属性值、设置属性值、移除属性）相关推荐

最新文章

热门文章

DOM—操作元素（获取属性值、设置属性值、 移除属性）

1. 自定义属性的操作

1.1 获取属性值

1.2 设置属性值

1.3 移除属性

DOM—操作元素（获取属性值、设置属性值、 移除属性）相关推荐

最新文章

热门文章

DOM—操作元素（获取属性值、设置属性值、移除属性）

DOM—操作元素（获取属性值、设置属性值、移除属性）相关推荐