html之DOM对象setAttribute()方法(设置节点属性)功能简介说明


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


DOM setAttribute()方法功能说明

DOM setAttribute()方法功能():
用于为指定元素设置属性及属性值
DOM setAttribute()方法语法:
element.setAttribute(name,value)
—–参数说明—–
element:待设置属性的节点元素
name:属性名称
value:属性值
—–返回值说明—-
当属性设置成功后,则返回设置好的属性节点

DOM setAttribute()方法注意事项:
此方法兼容市面上所有流行的浏览器


DOM setAttribute()方法举例说明

例:
使用setAttribute 为一个超链接标签设置href值

   <!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.maomao365.com/" />
<title>猫猫教程(www.maomao365.com)
--setAttribute属性举例说明
</title> 

<script type="text/javascript">
window.onload=function(){
  let btn = document.getElementById("btn");
  btn.onclick = function(){ 
        let olink=document.getElementById("lnkTest");
           olink.setAttribute("href","maomao365.com");
       }
   }  
</script>
</head>
<body> 
<a  id="lnkTest"></a> <br /> 
<input type="button" id="btn" value="setAttribute方法举例测试" />
</body>
</html>
javascript DOM setAttribute节点下属性信息的设置方法

javascript DOM setAttribute节点下属性信息的设置方法