javascript - js中封装类时候,为啥需要针对一个标签节点的多个类名进行split?
大家讲道理
大家讲道理 2017-04-11 12:00:04
[JavaScript讨论组]

js中封装类时候,为啥需要针对一个标签节点的多个类名进行split?不进行split时候筛选的结果也对的啊。

  • 未采用split对一个类的对个标签进行分割。




    
    
    
    


 

  • 采用了split对一个标签的多个类名进行分割:




    
    
    
    


 

结果都是一样的,为啥还需要对标签的类名进行分割呢?

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(2)
阿神

上面两段代码都使用了 getElemnetsByClassName 方法,没有运行你写的 fallback 代码
你可以学习一下如何在浏览器开发者工具中调试js代码

PHPz

亲啊,你要学会如何用浏览器进行调试。你说的一样是因为两个代码都没有被执行的,运行一下我的这个代码你就明白了。(强烈要求学会如何调试)

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
      p{
        width: 20px;
        height: 20px;
        margin: 10px auto;
        background-color: red;
      }
    </style>
    <script type="text/javascript">
      window.onload=function(){
        function getClass(classname){
          if (document.getElementsByClassName)
          {
            alert("I'm done!");
            return document.getElementsByClassName(classname);
          }
          alert("被遗忘,呵呵");
          var arr=[];
          var dom=document.getElementsByTagName("*");
          for(var i=0;i<dom.length;i++)
          {
            if(dom[i].className==classname)
            {
              arr.push(dom[i]);
            }
          }
          return arr;
        }
        console.log(getClass("demo"));
        console.log(getClass("demo").length);
        for(var i=0;i<getClass("demo").length;i++)
        {
          getClass("demo")[i].style.backgroundColor="yellow";
        }
      }
    </script>
</head>
<body>
 <p></p>
 <p class="demo"></p>
 <p></p>
 <p class="test demo "></p>
 <p></p>
 <p></p>
 <p class="demo"></p>
 <p></p>
 <p></p>
 <p class="demo java"></p>  
</body>
</html>

意思就是,它检测到了document.getElementsByClassName 这个方法存在后,后面的代码都不会执行了,理应说你这个问题会被扣分的

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号