作者:King347 | 来源:互联网 | 2023-10-13 12:33
在有些情况下,我们需要给已经在浏览器中加载的页面随时加载Javas代码,就可以利用createElement动态新建
时政新闻
新闻标题1
新闻内容1
新闻标题2
新闻内容2
新闻标题3
新闻内容3
新闻标题4
新闻内容4
先获取页面中全部的h2元素,然后创建一个div,名字是menu;
在创建一个无序列表,将无序列表追加至menu中;
循环h2集合,先建立li元素,将li元素追加至无序列表中;
再创建链接a,将链接追加至li元素中,并设置属性href;
再创建文本节点,把文本节点追加至li元素中;
再建立一个空锚点链接,把他们依次插在h2元素之前,作为锚点;
最后将menu插入在body第一个元素之前。