将文档中className有“red”的标签背景色设为红色（百度2014校招前端笔试题）

用原生JS实现要求

考点：

1.原生js中只有getElementById()和getElementsByTagName()两个方法。值得注意的是，IE7中，如果A标签name的值等于B标签id的值，且A标签在B标签前，那么getElementById()获取到的是对A标签的应用。

2. 使用DOM API操作css时，一般将css属性名改为js中的驼峰样式即可，但也有特殊的，比如css中的float，因为float在js中是关键字，所以改为floatStyle。

3. 可以使用element.style.backgroundColor = "red",来写，也可以用element.style.cssText = "background-color:red;"， 但是后者是完全重写了element的整个style样式。

4. IE7- 使用getAttribute("class")不能获取到element的class属性值，只能通过getAttribute("className")来获得。为了照顾到兼容性问题，可以使用element.className来获取。

window.load = function() {
var allNode = document.getElementsByTagName("*");
for(var i = 0, nodeLen = allNode.length; i < nodeLen; i++)
{
/*var class1 = allNode[i].getAttribute("class");
var className = class1 ? class1 : allNode[i].getAttribute("className");*/
var className = allNode[i].className;
if(className)
{
var classNameOfI = className.split(" ");
for(var j = 0, classNameLen = classNameOfI.length; j < classNameLen;j++)
if(classNameOfI[j] == "red")
{
allNode[i].style.backgroundColor = "red";
allNode[i].style.fontWeight = "bold";
}
}
}
}();