概要
getAttribute() 返回元素上一个指定的属性值。如果指定的属性不存在，则返回 null 或 “”
语法
let attribute = element.getAttribute(attributeName);
上面：
attribute是一个包含attributeName属性值的字符串。attributeName是你想要获取的属性值的属性名称。
例子
<div id="div1" align='我就是我,不一样的烟火'>我是一个小盒子</div>
let div1 = document.getElementById("div1"); // 获取到div1的dom元素
let align = div1.getAttribute("align"); // 获取到dom元素中的align属性
alert(align);
效果图
使用场景
document.getElementById获取的是dom对象，document.getAttribute获取的是dom属性。- 一般二者配合使用，
document.getElementById获取dom对象，document.getElementById.getAttribut获取选中dom的属性 - 自定义属性建议用
getAttribute，dom对象默认有的属性，如id之类的可以直接dom.id获取，否则需要用getAttribute，要不标准浏览器直接dom.xxx获取不到属性。
举例说明
<body>
读取 <a href="JavaScript:;" target="我就是一个参数" id='a'>Attr 对象</a>.
<p id="demo">单击按钮以显示上述链接的目标属性的值</p> <--会被替换为我就是一个参数-->
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
var a=document.getElementById("a");
document.getElementById("demo").innerHTML=a.getAttribute("target");
}
</script>
</body>
1866
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
