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

图片.png

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ppt练习题</title>
</head>
<body>
<!--按图完成效果,要求:
(1)导航静态实现
(2)数据内容动态实现
(3)样式要写在style中,用动态实现。-->
<script>
    var arr = ['全部','精华','分享','问答','招聘'];
    var ul = document.createElement('ul');
    var ul_style = document.createAttribute('style');
    ul_style.value = "list-style: none;padding: 0;margin: 0;";
    ul.setAttributeNode(ul_style);
    document.body.appendChild(ul);

    for (var i = 0; i<arr.length ;i++){
        var li = document.createElement('li');
        var li_style = document.createAttribute('style');
        li_style.value = "display: block;float: left;background: azure;margin: 0 5px;width:35px;height: 30px;line-height: 30px;text-align: center;";
        if (i== 0){
            li_style.value ='display: block;float: left;margin: 0 5px;width:35px;height: 30px;line-height: 30px;text-align: center;background:red;';
        }
        li.setAttributeNode(li_style);
        var a = document.createElement('a');
        a.innerHTML = arr[i];
        li.appendChild(a);
        ul.appendChild(li);
    }
</script>
</body>

</html>

老师,这个第一问是这个思路吗?

2、第二问数据内容动态实现是什么思路呢?是用循环和Input结合吗?把input在for循环中创建吗?判断条件的话应该怎么确定,能让他实现动态循环?

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

课程分类

百战程序员微信公众号

百战程序员微信小程序

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