热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

动态加载文件JavaScript入门基础(019)

在有些情况下,我们需要给已经在浏览器中加载的页面随时加载Javas代码,就可以利用createElement动态新建元素。varsrcd

在有些情况下,我们需要给已经在浏览器中加载的页面随时加载Javas代码,就可以利用createElement动态新建

时政新闻

新闻标题1

新闻内容1

新闻标题2

新闻内容2

新闻标题3

新闻内容3

新闻标题4

新闻内容4

 

先获取页面中全部的h2元素,然后创建一个div,名字是menu;

在创建一个无序列表,将无序列表追加至menu中;

循环h2集合,先建立li元素,将li元素追加至无序列表中;

再创建链接a,将链接追加至li元素中,并设置属性href;

再创建文本节点,把文本节点追加至li元素中;

再建立一个空锚点链接,把他们依次插在h2元素之前,作为锚点;

最后将menu插入在body第一个元素之前。

 

 

 



 

 

 

图片


推荐阅读
author-avatar
King347
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有