10月03, 2013

将文档中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";
                        }
                }
            }
        }();

版权声明:本文为博主原创文章,未经博主允许不得转载。

本文链接:https://imjiaolong.cn/post/5.html

-- EOF --

Comments

评论加载中...

注:如果长时间无法加载,请针对 disq.us | disquscdn.com | disqus.com 启用代理。