关于获取HTML元素属性的prop()和attr()的区别

html-css017

关于获取HTML元素属性的prop()和attr()的区别,第1张

一、对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。

二、对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。

<a href="http://www.baidu.com" target="_self">百度</a> 

href,target是a链接中固有的属性值 用prop()方法获取属性值.

<a href="#" id="desc" action="drop">减少</a> 

href,id是a链接中固有的属性值 ,但是action是自己添加的属性值,所有如过我想获取action的属性值,用attr().

当然固有属性也可以用attr()来获取

js获取html添加的元素属性方法：先给这个元素设个ID，再用js获取这个ID的属性，即元素属性，实现案例如下：

<a id="link" href="前端学习" title="测试" blogname="前端开发">Web开发</a>

JS代码：

var ka=document.getElementByI d("link")

alert(ka.getAttribute("id"))//获取到Html标签的自定义属性

alert(ka.id)//获取到Html标签常规属性用