会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132358个问题

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
<div class="div1">
    <div class="div2">
        这是div2
    </div>
    <button>点我</button>
</div>
    <script>
        /*node方法
        1.appendChild()
        node1.appendChild(node2)  将节点2插入在node1最后面
        注意 js创建的节点对象之间没有文本对象
        2、hasChildNodes()  此方法返回一个布尔值  是否有子节点
        3、cloneNode(布尔值) 克隆节点,布尔值如果true 则克隆子节点 如果为flase 则不克隆子节点
          克隆节点不会克隆原节点的事件 但是会复制属性和内容   

        */
     var div1=document.querySelector('.div1');
     var div3=document.createElement('div');
     var div4=document.createElement('div');
     var but=document.querySelector('button');
     div3.innerHTML='lalal';
     div1.appendChild(div3);
     div1.appendChild(div4)
     console.log(div1.childNodes);
     var num=1;
     var str='这是第'+num+'克隆';
     but.onclick=function(){
        var clonebut=but.cloneNode(true);
       clonebut.innerHTML=str;
         div1.appendChild(clonebut);
      num+=1;
         console.log(num);
     }

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

老师 这个事件里面的num累加怎恶保存到全局变量num

WEB前端全系列/第二阶段:JavaScript编程模块/DOM模型 272楼

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
   
</head>

<body>

    <script>
        var arr = ['首页', '军事', '论坛', '视频'];
        //创建、设置ul元素
        var u = document.createElement('ul');
        var u_css = document.createAttribute('style');
        u_css.value = 'list-style:none;margin:0;padding:0';
        u.setAttributeNode(u_css)
        //创建li a元素 并设置元素
        for (var i = 0; i <= arr.length - 1; i++) {
            var li = document.createElement('li');
            var li_css = document.createAttribute('style');
            li_css.value = 'display:inine-block;widht:100px;height:30px;line-height=30px;background=skyblue;aligin=center';
            li.setAttributeNode(li_css);
            var a = document.createElement('a');
            var a_css = document.createAttribute('style');
            a_css.value = 'text-decoration: none;';
            a.innerHTML = arr[i];
            a.setAttributeNode(a_css);

            console.log(a.innerHTML);

            li.appendChild(a);
            u.appendChild(li);

        }
        document.body.appendChild(u);
    </script>
</body>

</html>

老师为啥我 li的css出不来

WEB前端全系列/第二阶段:JavaScript编程模块/DOM模型 274楼

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Math</title>
</head>

<body>
    <script>
        /* Math
        1. Math.round 取整 >=0.5 取1 <0.5 取0
        2.Math.floor() 向下取整  返回小于参数值的最大整数
        var num=Math.floor(2.8)  //2
         2.Math.floor() 向上取整  返回大于参数值的最大整数
        var num=Math.floor(2.1)  //3
        3.Math.abs() 绝对值
        4. 3.Math.Max() 最大值
        5.Math.min() 最小值
        6.Math.pow(2,3)  //8 ,2的三次方
        7.Math.sqrt(num)  //返回num的平方根,如果num为负数 返回NaN
        8.Math.random()  返回[0,1)的随机数
        */
        // console.log(Math.round(1.3));
        // var num1=Math.floor( Math.random()*5+10);
        // console.log(num1);

        //大乐透
        var str = '';
        for (var i = 1; i <= 7; i++) {
            var num =0;
            if (i <= 5) {
                 num = Math.floor(Math.random() * 31 + 1);  
                  str+=num+',';
             
                }  else{
                    if(i<7){   num = Math.floor(Math.random() * 15 + 1);  
                    str =num+','+str;
                   }else{
                    num = Math.floor(Math.random() * 15 + 1);  
                    str =str +num;
                   }
                 
                }
               
             
               
        }
        console.log(str);
     


    </script>
</body>

</html>

老师我设计了最后两个数字在1-16 的随机数 为啥还超了16image.png

WEB前端全系列/第二阶段:JavaScript编程模块/Math与Date 278楼
WEB前端全系列/第二阶段:JavaScript编程模块/字符串与数组 280楼
WEB前端全系列/第二阶段:JavaScript编程模块/字符串与数组 281楼
WEB前端全系列/第二阶段:JavaScript编程模块/字符串与数组 283楼
WEB前端全系列/第二阶段:JavaScript编程模块/运算符_数据类型和流程循环语句 284楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

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