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

来源：互联网发布：js同源策略是什么意思编辑：程序博客网时间：2024/05/17 13:06

用原生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";}}}}();