首页 新闻 会员 周边

怎么让javascript批量打印DOM?

0
悬赏园豆:10 [待解决问题]

为防看不懂,先发自己的文件:

https://github.com/Tracker647/Weblearn/tree/master/zhihu_hot

 

如图,表单的部分尝试用javascript实现打印,一开始只摘取了表单的正常部分(HotItem-index);

后来一想,js不只可以用来标序号啊,可以把整个HotItem都选择批量打印下来啊,这样就不用自己手动复制了!

 

 

 

 借此思路,实现代码如下:

复制代码

复制代码
<script text="HotItem-index">
        var HotList_List = document.querySelector(".HotList-List").firstElementChild;
        var HotItem = document.querySelector(".HotItem");
        var index = document.querySelectorAll(".HotItem-index");

        for (var i = 0; i < 5; i++) {
            HotList_List.append(HotItem);
            index[i].innerHTML = i + 1;
            if (i < 3) {
                index[i].style.color = '#ff9607';
            } else {
                index[i].style.color = '#999999';
            }
        }
    </script>
复制代码

 

 
复制代码

 

但是预览浏览器并未出现理想结果,还把Index打乱了:

 

 

 

怎么回事?

另一种开始的主页 另一种开始 | 初学一级 | 园豆:119
提问于:2020-11-27 21:36
< >
分享
所有回答(1)
0

是顺序倒了还是乱了

guangzan | 园豆:246 (菜鸟二级) | 2021-07-18 16:22
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册