首页 > Web开发 > 详细

JS获取(id、class、tag、style、attr)兼容所有

时间:2015-04-23 13:09:20      阅读:336      评论:0      收藏:0      [点我收藏+]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html> 

 <body>

  <a id=‘qwe‘ class=‘asd‘ href=‘http://222sdfad.com‘></a>

 

  <script> 

function getClass(tagName, classStr) {     //EG: alert(getClass(‘*‘,‘asd‘)[0]); alert(getClass(‘a‘,‘asd‘)[0]); 

if (document.getElementsByClassName) {

return document.getElementsByClassName(classStr)

} else {

var nodes = document.getElementsByTagName(tagName),

ret = []

for (var i = 0; i < nodes.length; i++) {

if (hasClass(nodes[i], classStr)) {

ret.push(nodes[i])

}

}

return ret;

}

function hasClass(tagStr, classStr) {

var arr = tagStr.className.split(/\s+/); 

for (var i = 0; i < arr.length; i++) {

if (arr[i] == classStr) {

return true;

}

}

return false;

}

}

***************************

function getId(id) { //EG: alert(getId(‘qwe‘));

return document.getElementById(id);

}

***************************

function getTag(tag, obj) {   //EG: alert(getTag(‘a‘,‘mrt‘)[0]);

return ( obj == ‘‘ ? document: getId(obj)).getElementsByTagName(tag);

***************************

  function getStyle(obj, attr) {   //EG: alert(getStyle(getId(‘qwe‘),‘margin-left‘));

if (obj.currentStyle) {

return obj.currentStyle[attr];

} else {

return getComputedStyle(obj, false)[attr];

}

}

/*

author:MRT

获取属性值 

两种方法   $("a").attr("href");   DOM.getAttribute(‘href‘)

*/ 

  </script>

 </body>

</html>

JS获取(id、class、tag、style、attr)兼容所有

原文:http://www.cnblogs.com/mrt-yyy/p/4449958.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!