会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132358个问题
WEB前端全系列/第二阶段:JavaScript编程模块/正则对象 394楼


提问.rar

提问:如果给下面的盒子没有设置定位时,给li加下边框会使“新浪新闻”不居中了,为什么?

li下面的边框去掉就可以居中,原因是什么

01.png

WEB前端全系列/第二阶段:JavaScript编程模块/DOM模型 396楼
WEB前端全系列/第二阶段:JavaScript编程模块/面向对象编程 399楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .div1{
            width: 200px;
            height: 200px;
            background-color: red;
        }
        .div2{
            width:60px ;
            height: 50px;
            background-color: orange;
        }
    </style>
</head>
<body>
    
    <div class="div1" onclick="test1()">
        <div class="div2"  onclick="test2();test3()"></div>
    </div>
    <script>
        var i=0;
        var div1=document.querySelector('.div1');
        /*html事件采用冒泡机制 子节点出发,传递给父节点
             绑定多个函数用分号隔开
              根据绑定函数的先后顺序,触发事件顺序    */
             
        
       function test1() {
        i++;
        alert('div1');
      
        console.log(i);
       }
       if (i>=3) {
           div1.setAttribute('onclick',null);
           
           
       } else {
           
       }
        function test2() {alert('div2');
           
        }
        function test3() {
            
           
        }

    </script>
</body>
</html>

老师,怎么才能点第三次div1的时候不会触发事件

WEB前端全系列/第二阶段:JavaScript编程模块/浏览器模型(BOM) 401楼
WEB前端全系列/第二阶段:JavaScript编程模块/Math与Date 404楼
WEB前端全系列/第二阶段:JavaScript编程模块/DOM模型 405楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637