/**
*通过class名和标签名获取css样式对象组
*/
function getClassNames(classStr, tagName)
{
if (document.getElementsByClassName)
{
return document.getElementsByClassName(classStr)
} else
{
//为了兼容ie8及其以下版本的方法
var nodes = document.getElementsByTagName(tagName), ret = [];
for (i = 0; i < nodes.length; i++)
{
if (hasClass(nodes[i], classStr))
{
ret.push(nodes[i])
}
}
return ret;
}
}
/**
*判断节点class存在性
*/
function hasClass(tagStr, classStr)
{
//这个正则表达式是因为class可以有多个,判断是否包含
var arr = tagStr.className.split(/\s+/);
for ( var i = 0; i < arr.length; i++)
{
if (arr[i] == classStr)
{
return true;
}
}
return false;
}
具体用法:
<%
for (Map.Entry<String, String> entry : map.entrySet()) {
%>
<input type="text" style="border: none;width: 80px;outline: none" value="<%=wpztmap.get(entry.getKey()) %>" class="key"/>
<input type="text" style="border: none ;outline: none" value="<%=entry.getValue()%>" class="val"/>
<br>
<%
}
%>
var da = getClassNames('val','input');