<a
id="anchor"
href="#"
style="display:none">锚点连接</a>
如要要让不显示的a标签显示只需要将style中的"display:none"这个属性给去掉；因此就可以通过js来动态的设置这个a标签的属性达到控制标签显示和隐藏切换的效果。
<SCRIPT
LANGUAGE="JavaScript">
function
hide(){
document.getElementById("anchor").style.display
=
"none"
}
function
show(){
document.getElementById("anchor").style.display
=
"block"
}
</SCRIPT>
JavaScript是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
在HTML中标签<a></a>
或者大写字母A
。其中的a（或者
A）
是
anchor
的缩写
。anchor
['æŋkə]
基本解释是.：锚,
铁锚
的，网页当中的所有连接跳转基本上都是通过a标签来实现的。
在html文档中，基本上所有的标签节点都可以通过样式控制其显示和隐藏的属性，当然A标签也不例外。
解题：
for (let i = 1i <= 10i++) {
let a = document.createElement('a')
a.innerHTML = i + '<br>'
document.body.appendChild(a)
a.addEventListener('click', function(e) {
e.preventDefault()
alert(i)
})
}
如图：
结题思路
1、创建10个a标签，肯定是先创建一个a标签，通过通过循环的方式，将数字1-10 赋值给a
2、点击a,弹出数字
难点：
i的值，如果是全局作用域下的i,那么每次弹出的都是循环的最后一个i
所以i的值，必须是快级作用域下的i 正好用es6中的let 来声明变量i
需要用document.createElement创建出来a标签。<body>
<div style="width:100px height:100px border:1px solid #ccc">
</div>
</body>
<script>
var oDiv = document.getElementsByTagName('div')[0]
var oA = document.createElement('a') //创建a标签
oA.href = '#' //增加a标签的href属性
oA.innerHTML = '11111111' //给a标签添加内容
oDiv.appendChild(oA) //将a标签添加到div里面
</script>
</html>
