1.几乎所有Dom元素都有innerText innerHTML属性 （大小写敏感) 分别是元素标签内内容的文本表示形式和HTML源代码
实例 ：动态添加
主体：
<table id="tablelinks"> </table>
<input type="button" value="加载数据"/>
头部:
<!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 loadData(){
var data={"百度":"Http://baidu.com","新浪":"http://www.sina.com","传智播客":"http://www.itcast.cn"};
//key 值 key 值
var tablelinks=document.getElementById("tablelinks");
for(var key in data){
//key的值为百度，新浪，传智播客
var value=data[key];
//data[key]值为baidu.com sina.com itcast.com
var tr=document.createElement("tr");
var td=document.createElement("td");
td.innerText=key;
tr.appendChild(td);
var td1=document.createElement("td");
td1.innerHTML="<a href='"+value+"'>"+value+"</a>";
tr.appendChild(td1);
tablelinks.appendChild(tr);
}
}
</script>
</head>
<body >
<table id="tablelinks"> </table>
<input type="button" value="加载数据"/>
</body>
</html>
|
|
收藏
淘帖
踩
