<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript"> function btnClick() { var div = document.getElementById("divMian"); var input = document.createElement("input"); //根据标签名创建DOM input.type = "button"; input.value = "动态创建按钮"; div.appendChild(input); } function btnClick1() { var link = document.getElementById("Link1"); alert(link.innerHTML); alert(link.innerText); } function createTable() { //冒号的前面为Key var data = { "百度": "http://www.baidu.com", "新浪": "http://www.sina.com" }; var div = document.getElementById("table"); for (var Key in data) { var tr = document.createElement("tr"); var value = data[Key]; var td1 = document.createElement("td"); td1.innerText = Key; tr.appendChild(td1); var td2 = document.createElement("td"); td2.innerHTML = "<a href='" + value + "'>" + value + "</a>"; tr.appendChild(td2); div.appendChild(tr); } } function key() { var data = { "百度": "http://www.baidu.com", "新浪": "http://www.sina.com" }; for (var va in data) { alert(va); } } </script> </head> <body> <div id="divMian"> </div> <input type="button" onclick="btnClick()" value="创建按钮" /> <a href="http://baidu.com" id="Link1">传<font color="red">智</font>播客</a> <input type="button" onclick="btnClick1()" value="innerText与innerHTML" /> <br /> <table id="table"> </table> <input type="button" value="创建" onclick="createTable()" /><br /> <input type="button" value="输出key" onclick="key()" /> </body> </html>