<html>
<head>
<meta charset="UTF-8">
<title>动态创建/添加元素(节点)、删除元素(节点)</title>
<script type="text/javascript">
function test(){
var mylinker=document.createElement("a");//希望创建的html元素
//添加元素必要信息
mylinker.href="http://www.baidun.com";
mylinker.innerText="百度";
//document.getElementById("div1").appendChild("linker");
//向body元素中添加创建的html元素
document.getElementById("bo1").appendChild("linker");
//document.body.appendChild("linker");
}
</script>
</head>
<body id="bo1">
<div id="div1" style="width:300px height:200px border:1px"></div>
<input type="button" value="动态添加链接" onclick="test()"/>
</body>
</html>
<head>
<meta charset="UTF-8">
<title>动态创建/添加元素(节点)、删除元素(节点)</title>
<script type="text/javascript">
function test(){
var mylinker=document.createElement("a");//希望创建的html元素
//添加元素必要信息
mylinker.href="http://www.baidun.com";
mylinker.innerText="百度";
//document.getElementById("div1").appendChild("linker");
//向body元素中添加创建的html元素
document.getElementById("bo1").appendChild("linker");
//document.body.appendChild("linker");
}
</script>
</head>
<body id="bo1">
<div id="div1" style="width:300px height:200px border:1px"></div>
<input type="button" value="动态添加链接" onclick="test()"/>
</body>
</html>