html获取对象属性,html之DOM对象getAttribute()方法(节点属性值获取)功能简介说明

摘要:

下文讲述DOM对象getAttribute()方法功能说明,如下所示:

DOM getAttribute()方法功能说明

DOM getAttribute()方法功能():

获取指定Html元素节点的属性值

DOM getAttribute()方法语法:

element.getAttribute(attributename)

—–参数说明—–

element:待获取属性信息的节点元素 要获取属性对象节点的元素。

attributename:属性名称

—–返回值说明—-

返回属性值信息，是属性所对应的value

DOM getAttribute()方法注意事项:

此方法兼容市面上所有流行的浏览器

DOM getAttribute()方法举例说明

例:

使用getAttribute获取超链接标签中href的值

猫猫教程(www.maomao365.com)

--getAttribute属性举例说明

div{

width:230px;

height:80px;

line-height:80px;

background-color:green;

color:white;font-weight:bold;

}

window.οnlοad=function(){

let btn = document.getElementById("btn");

btn.onclick = function(){

let OInfo=document.getElementById("messageInfo");

let olink=document.getElementById("lnkTest");

OInfo.innerHTML=olink.getAttribute("href");

}

}