码迷,mamicode.com
首页 > 其他好文 > 详细

getAttribute与setAttribute用法

时间:2014-12-30 16:46:30      阅读:389      评论:0      收藏:0      [点我收藏+]

标签:

getAttribute和setAttribute只能用于元素节点。

1.当用getElementById获得元素节点时

/*---------------------------index.html---------------------------*/

<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Author" content="Hehe">
  <title>Shopping list</title>
</head>
  <body>
   <p id="purchases" title="one">What to buy</p>
   <script type="text/javascript" src="script.js"></script>
  </body>
</html>

/*------------------------script.js---------------------------*/

var paras=document.getElementById("purchases");
alert(paras.getAttribute("title"));
paras.setAttribute("title","abcd");
alert(paras.getAttribute("title"));

此时警告框一个显示one,一个显示abcd。

2.当用getElementsByTagName获得元素节点时

/*---------------------index.html-----------------------------*/

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Author" content="Hehe">
  <title>Shopping list</title>
</head>
  <body>
   <p id="purchases" title="one">What to buy</p>
    <p title="two">What to buy</p>
   <script type="text/javascript" src="script.js"></script>
  </body>
</html>

/*----------------------------script.js--------------------*/

var paras=document.getElementsByTagName("p");
for(var i=0;i<paras.length;i++){
     paras[i].setAttribute("title","abcd");
     alert(paras[i].getAttribute("title"));
}

此时有俩个警告框显示abcd。

:getElementById返回的是节点,getElementsByTagName返回的是数组。

      getAttribute("")与setAttribute("","")都需要用到双引号。

      alert()不是显示字符串不需要用到双引号。

 

getAttribute与setAttribute用法

标签:

原文地址:http://www.cnblogs.com/pcd12321/p/4193908.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!