setAttribute和getAttribute

最新推荐文章于 2023-05-05 20:25:45 发布

阮家友

最新推荐文章于 2023-05-05 20:25:45 发布

阅读量1k

点赞数

分类专栏： javascript 文章标签： javascript getAttribute

本文链接：https://blog.csdn.net/ruanjiayou/article/details/23559453

版权

javascript 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

自己在写js时用到了这两个方法。但碰到了问题，百度不给力，只能自己上了。

用法：

obj.setAttribute(attr,value);obj.getAttribute(attr)。obj是元素节点，attr和value是传入的参数，这个大家都知道。下面我说个大家不知道的。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title> 属性操作 </title>
</head>
 <body>
<ul id="aa"><li>1</li>
	<li>2</li>
	<li>3</li>
	<li>4</li>
	<li>5</li>
	<li>6</li>
</ul>
<button id="btn">click</button>
<script type="text/javascript">
function attr(obj,attri,ovalue){
	switch(arguments.length)
	{
		case 2:return obj.getAttribute(attri);break;
		case 3:obj.setAttribute(attri,ovalue);break;
		default:break;
	}
}
var oul = document.getElementById("aa");
var olis = oul.getElementsByTagName('li');
var obtn = document.getElementById("btn");
oul.index = 1;
obtn.onclick = function(){alert(attr(oul,'index'))};
</script>
 </body>
</html>

你把这段代码运行一下，单击按钮，正确的弹出了 1 了吗？

各个浏览器中的效果：