DOM方式动态加载数据

使用 DOM的appendchild在IE6、7下是不兼容，可以使用insertRow代替appendchild在IE6 7 8和火狐中就可以使用了。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" language="javascript">
        function btn123(){
            var data={"百度":"http://www.baidu.com","新浪":"http://sina.com.cn"};
            var link1=document.getElementById("tablelinks");
            for(var key in data){
                var value=data[key];
                var tr=link1.insertRow(-1);
                var td1=tr.insertCell(-1);
                td1.innerText=key;

                var td2=tr.insertCell(-1);
                td2.innerHTML="<a href='"+value+"'>"+value+"</a>"
            }
        }
</script>

</head>
<body>
<table id="tablelinks"></table>
<input type=button value="加载数据" οnclick="btn123()"/>
</body>
</html>

DOM方式动态加载数据相关推荐

如何在 InfoPath 2003 表单中动态加载数据
转自微软:http://support.microsoft.com/kb/896451/zh-cn 概要简介更多信息创建新的虚拟目录设计 Microsoft Office InfoPath 2 ...
ECharts动态加载数据绘制折线图
Echarts动态加载数据绘制折线图 ECharts 引入ECharts 步骤连接数据接口,动态加载图表动态加载数据,整体代码折线图绘制总结绘制多个图表的方法 ECharts 纯Javasc ...
JQuery-weui city-picker动态加载数据
JQuery-weui city-picker动态加载数据 JQuery-weui city-picker 加载三级菜单页面代码: <html><head><meta ...
用爬虫抓取动态加载数据丨Python爬虫实战系列(6)
提示:最新Python爬虫资料/代码练习>>戳我直达前言抓取动态加载数据话不多说,开练! 爬虫抓取动态加载数据确定网站类型首先要明确网站的类型,即是动态还是静态.检查方法:右键查 ...
python爬虫之Ajax动态加载数据抓取--豆瓣电影/腾讯招聘
动态加载数据抓取-Ajax 特点 1.右键 -> 查看网页源码中没有具体数据 2.滚动鼠标滑轮或其他动作时加载抓取 1.F12打开控制台,页面动作抓取网络数据包 2.抓取json文件URL地址 ...
爬虫案例之爬取国家药监局化妆品生产许可明细（爬取动态加载数据）
一.实验目的爬取国家药监局(化妆品生产许可信息管理系统服务平台 (nmpa.gov.cn))化妆品生产明细(具体到每家企业的具体信息),当我们进入该网站首页时,发现其结构为每页15条的json类型数 ...
爬虫Spider 05 - 代理参数-proxies | 控制台抓包 | requests.post() | 动态加载数据抓取-Ajax
文章目录 Spider 04回顾 requests.get()参数常见的反爬机制及处理方式 Spider 05笔记代理参数-proxies **控制台抓包** **requests.post()参 ...
百度echart柱图、折线图、饼图、Map类型等类似视图的动态加载数据
这几天接触的一个项目需要使用到百度的echart,所以简单查找并实验了几款比较简单且适用性较广的例子,做了几个简单的Demo,一来是对echart有所了解,二来也是记录一下,方便以后进一步的优化. 首 ...
iscroll动态加载数据完美解决方案
iscroll动态加载数据完美解决方案参考文章: (1)iscroll动态加载数据完美解决方案 (2)https://www.cnblogs.com/ShoneH/p/5253758.html (3 ...

DOM方式动态加载数据

DOM方式动态加载数据相关推荐

最新文章

热门文章