js原生DOM属性值查找 getAttribute，设置setAttribute，移除removeAttribute

getAttribute()查找元素属性值，传入一个元素属性名称，不存在则返回null。

const div = document.querySelector('#test')
alert(div.getAttribute('id'))  // 打印元素id属性值
alert(div.getAttribute('class')) // 打印元素class属性值
alert(div.getAttribute('title')) // 打印元素title值

setAttribute()设置元素属性值，两个参数，一个是元素属性名称，另外一个是属性值，如果元素已拥有该属性则会替换之前属性值。注意：设置的属性名称会被统一转化为小写。

const div = document.querySelector('#test')
div.setAttribute('id','test')  // 设置元素id
div.setAttribute('class','test') // 设置元素class
div.setAttribute('title','这是一个例子') // 设置元素title

removeAttribute()移除元素属性。传入一个属性名称作为参数。

const div = document.querySelector('#test')
div.removeAttribute('id') // 移除元素id属性和属性值

js原生DOM属性值查找 getAttribute，设置setAttribute，移除removeAttribute相关推荐

原生Js通过class属性值获取对象
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
js获取css属性值的方法
js操作获取dom元素的样式属性值 obj.style: 它只能够获取通过style设置的元素CSS属性值: 在html标签内通过style设置行内属性通过.dom.style.width=&quo ...
php 获取css值,如何通过JS获取CSS属性值
JS获取CSS属性 #f{background-color:#FF0000;} var o = document.getElementById('f'); document.write(o.style ...
JAVA 8 lambda 表达式实现按某个属性值查找对象集合中符合条件的对象
转载自:https://www.cnblogs.com/lindsayYang/p/9843599.html JAVA 8 lambda 表达式实现按某个属性值查找对象集合中符合条件的对象当前的需求 ...
JavaScript属性的获取、设置和移除还有自定义属性
文章目录获取属性值设置属性值移除属性值 H5自定义属性自定义属性的目的是为了保存并使用数据.有些数据可以保存到页面中而不用保存到数据库中. 获取属性值 element.属性获取属性值 ele ...
js 原生dom 操作
一. 首先要了解什么是 DOM? DOM: 全称 Document Object Mode 文档对象模型,表示由多层节点构成的文档. document: 表示每个文档的根节点,它的唯一子结点是 htm ...
使用webdriver中的JavascriptExecutor执行js改变DOM属性
资源推荐: 视频资源: 软件测试相关系列视频社区资源: 自动化测试交流群 step1:使用js获取DOM对象 //返回指定的DOM元素 document.getElementById('id') / ...
web自动化通过js获取class属性值
引言: 项目过程当中使用selenium的get_attribute获取元素属性一直不成功,一直返回True,此方法在别的系统都可以正常使用,一直没有弄明白原因 self.driver.find_el ...
JS 获取标签属性值的方法
1.取值方法一自定义属性必须用getAttribute()方法 var iframeSrcAttr = document.getElementById("importJsp") ...

js原生DOM属性值查找 getAttribute，设置setAttribute，移除removeAttribute

js原生DOM属性值查找 getAttribute，设置setAttribute，移除removeAttribute相关推荐

最新文章

热门文章