<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<div rel="container" attr1="1" attr2="2">
这是div的内容1
</div>
<div id="myid" attr1="1" attr2="2">
这是div的内容2
</div>
<script type="text/javascript">
window.onload = function() {
var obj1 = getElement("div", "rel", "container");
var obj2 = getElement("div", "id", "myid");
alert(obj1.innerText);
alert(obj2.innerText);
};
/**
*根据Tag名称，属性名，属性值取对象
*/
function getElement(tagName, attrName, attrValue) {
var eles = document.getElementsByTagName(tagName);
if (eles) {
for (var idx = 0; idx < eles.length; idx++) {
var ele = eles[idx];
var attrs = ele.attributes;
if (attrs && attrs[attrName]) {
var obj = attrs[attrName];
if (obj.value = attrValue) {
return ele;
}
}
}
}
return null;
};
</script>
</body>
</html>