`
wushuo30
  • 浏览: 2486 次
社区版块
存档分类
最新评论

往table表格里面插入一行tr 兼容IE8

 
阅读更多

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>测试</title>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<script type="text/javascript">

</script>

</head>

 

<body>

<table id="table1" border="1">

<tr>

<td>first</td>

</tr>

<tr>

<td>two</td>

</tr>

</table>

 

<div class="loading-indicator" style="height: 100px"></div>

<div id="tree_id" style="width: 100px; height: 100px; background: red" onclick="tableClick()">点击我</div>

</body>

<script type="text/javascript">

function tableClick(){

var oTable=document.getElementById('table1');

var tr = document.createElement("tr");

var td = document.createElement("td"); 

td.innerHTML="append tr";

tr.appendChild(td);    

oTable.appendChild(tr); // chrom 浏览器

oTable .outerHTML = oTable .outerHTML; // 兼容Ie8

</script>

 

</html>

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics