本文提供了一个使用JavaScript从HTML页面中提取所有链接，并将这些链接以列表形式追加到页面底部的示例代码。该示例展示了如何利用document对象模型进行元素操作。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>每天一个JavaScript实例-提取所有链接并添加到页面末尾列表</title>
<script>
window.onload = function(){
var links = document.getElementsByTagName("a");
//console.log(links);
var ul=document.createElement("ul");
for(var i = 0;i<links.length;i++){
var li = document.createElement("li");
li.appendChild(links[i]);
ul.appendChild(li);
}
console.log(ul);
document.getElementsByTagName("body")[0].appendChild(ul);
}
</script>
</head>
<body>
<div id = "date">
我是说阿道夫阿斯顿f；吉萨打发；<a href="#" title="1" >链接</a>a苏打绿开房间阿斯达克路附近啊；楼上的减肥；阿里山就地方撒打算的；<a href="#" title="1" >链接</a>放假阿里山；的asdfj sd
阿斯顿f进口<a href="#" title="1" >链接</a>量阿斯顿f；乐扣阿斯顿f；as;lsdlm阿萨德了罚款阿斯顿离<a href="#" title="1" >链接</a>开 斯蒂芬李健康 撒旦法；了拉萨的离开 撒旦法；两节课 撒旦法乐扣 阿里<a href="#" title="1" >链接</a>水电费；了阿斯顿开发了<a href="#" title="1" >链接</a>；空间撒旦哦iSD卡交付SD卡冷风机时刻都放假了的首付款阿斯顿f了阿斯顿<a href="#" title="1" >链接</a>f了就放得开啥地方了空间死定了罚款桑德菲杰看撒娇了<a href="#" title="1" >链接</a>地方啥地方看豆腐科技副科级第三方空间啊；SD卡放假撒打开了房间啊；塑料袋减肥啊苏打绿<a href="#" title="1" >链接</a>开房间阿斯顿f刻录机阿斯顿开发连接啊啊啊啊啊啊啊啊啊；兰框架2刻录机撒旦法框架
</div>
</body>
</html>
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
