会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 133786个问题
JAVA 全系列/第五阶段:网页编程和设计/HTML5 3676楼
JAVA 全系列/第十四阶段:分布式文件存储与数据缓存/MongoDB 3678楼
JAVA 全系列/第六阶段:项目管理与SSM框架/Spring 3679楼
Python 全系列/第十六阶段:Python 爬虫开发/爬虫基础 3680楼
JAVA 全系列/第八阶段:生产环境部署与协同开发/Git 3682楼
JAVA 全系列/第四阶段:数据库与AI协同技术实战/JDBC技术(旧) 3683楼
JAVA 全系列/第六阶段:JavaWeb开发/Servlet技术详解 3684楼
JAVA 全系列/第一阶段:AI驱动的JAVA编程/JAVA入门和背景知识 3685楼

hello,刚配置nginx.conf ,重启nginx后,可以在谷歌浏览器打开 ip及www.123.com ,但是在浏览器输入www.sxthenhao.com,无法显示index。

大数据全系列/第二阶段:大型网站高并发处理/大型网站高并发处理 3687楼
JAVA 全系列/第三十一阶段:数据结构和算法BATJ大厂面试重难点/线性表 3688楼
JAVA 全系列/第四阶段:数据库与AI协同技术实战/JDBC技术 3689楼

老师,想请您帮我看看如下代码,为什么我这样做,在浏览器页面没有任何输出?

 <style>
        * {
            margin: 0;
            padding: 0;
        }
        
        .center {
            width: 1201px;
            margin: 0 auto;
        }
        
        .box {
            height: 80px;
            margin-top: 40px;
            background-color: skyblue;
        }
    </style>
  <div class="box center"></div>
<script>
    window.onload = function() {
        //得到元素
        var box = document.querySelector('.box');

        var arr = ["手机", "手表", "箱包", "皮具", "零食"];

        //创建ul元素并设置相关样式
        var ul = document.createElement('ul');
        var ul_style = document.createAttribute('style');
        ul_style.value = "list-style: none;overflow: hidden;";
        ul.setAttributeNode(ul_style);

        //动态地添加相关元素和属性及样式
        for (var i = 0; i < arr.length; i++) {

            //创建li元素并设置相关样式
            var li = document.createElement('li');
            var li_style = document.createAttribute('style');
            li_style.value = "float: left;width:100px;height: 40px;line-height: 40px;\
    text-align: center;";
            li.setAttributeNode(li_style);

            //创建a元素并设置相关样式
            var a = document.createElement('a');
            var a_style = document.createAttribute('style');
            a_style.value = "color: #fff;font-size: 16px;text-decoration: none;";
            a.setAttributeNode(a_style);

            //给每个a标签添加相应的文字
            a.innerHTML = arr[i];

            //将相关元素依次“传”到页面
            li.appendChild(a);
            ul.appendChild(li);
            ul.appendChild(box);
        }
        document.body.appendChild(box);
    }
</script>

图片.png

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

课程分类

百战程序员微信公众号

百战程序员微信小程序

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