💎一站式轻松地调用各大LLM模型接口,支持GPT4、智谱、星火、月之暗面及文生图 广告
属性不能单独存在,一定属于一个标签。所有,操作属性,前提必须找到标签。 # 1、获取元素的属性 ![](https://img.kancloud.cn/c1/04/c104246deb7a4e27500bfc1549dc7ab4_1133x219.png) > attributes: > ![](https://img.kancloud.cn/00/e1/00e11b853caf9b5b179ff80314b66234_581x258.png) > getAttribute(); :获取元素的属性。只能获取有具体值的属性 > 元素.属性:获取元素的属性,能够获取类似于readOnly、checked等属性 ![](https://img.kancloud.cn/92/d6/92d676b8b9186de4863231a56b6110ca_900x444.png) # 2、添加/修改元素的属性 ![](https://img.kancloud.cn/51/0d/510de119e04a70aef8e8249998b75655_1194x249.png) ![](https://img.kancloud.cn/5a/a1/5aa136465e99b852fbefae64fd9d41fe_1045x317.png) ![](https://img.kancloud.cn/32/1a/321ad6eb59df3a7f6aeee0513af570f0_1052x356.png) 如果要设置checked、readonly、disabled,则需要设置它的值为true或false。 # 3、删除元素的属性 元素节点.removeAttribute(属性名) 删除一个属性 ![](https://img.kancloud.cn/3d/42/3d429d5a094fe6d1bc6477273621d6e4_953x266.png) # 4、判断元素是否有哪个属性 elementNode.hasAttribute(属性名) 检测是否有某个属性,有返回true,没有返回false 检测,看3.3代码。 # 5、总结 节点分为元素类型的节点和属性类型的节点,也包括文本类型的节点。 > 元素类型的节点: * 增: document.createElement()、document.createTextNode()、父节点.appendChild()、父节点.insertBefore() * 删:父节点.removeChild(); * 改:父节点.replaceChild(); * 查:document.getEle….By… document.querySelector() > > 属性类型的节点: * 增:元素.setAttribute(属性名, 值); 元素.属性名 = 值; * 删:元素.removeAttribute(属性名); * 改:元素.setAttribute(属性名, 值); 元素.属性名 = 值; * 查:元素.attributes; 元素.getAttribute(属性名); 元素.属性名;