每天一个JavaScript实例-提取所有链接并添加到页面末尾列表

<!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>

时间: 2024-10-12 22:19:55

每天一个JavaScript实例-提取所有链接并添加到页面末尾列表的相关文章

每天一个JavaScript实例-html5拖拽

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-html5拖拽</title> <style> #drop{ width:300px; height:200px; background-

每天一个JavaScript实例-使用带有定时器的函数闭包

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-使用带有定时器的函数闭包</title> <style> #redbox{ position:absolute; left:100px;

每天一个JavaScript实例-从一个div元素删除一个段落

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-从一个div元素删除一个段落</title> <style> p{ padding:20px; margin:10px 0; width:

每天一个JavaScript实例-判断图片是否加载完成

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>每天一个JavaScript实例-判断图片是否加载完成</title> <script> window.onload= function(){ //clearTimeout(clock); alert("加载完成"); } v

每天一个JavaScript实例-检測表单数据

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-检測表单数据</title> <style> [role="alert"]{ background-color: #f

每天一个JavaScript实例-从js脚本中访问object元素中的SVG

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-从js脚本中访问object元素中的SVG</title> <style> </style> </head> &l

每天一个JavaScript实例-确定web页面的区域

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-确定web页面的区域</title> <script> function size(){ var width = 0; var heigh

每天一个JavaScript实例-铺货鼠标点击位置并将元素移动到该位置

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-铺货鼠标点击位置并将元素移动到该位置</title> <style> #info{ width:100px; height:100px;

每天一个JavaScript实例-标量参数和数组参数的功能性区别

<!DOCTYPE> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-标量参数和数组参数的功能性区别</title> <scrip