首页 > 操作系统 >

IE中标签不支持appendChild()方法 电脑杂谈　 发布时间：2019-12-09 13:07:50　 来源：网络整理

ie浏览器中append_浏览网页提示用ie浏览器_ie 关闭光标浏览

<html>

<head>

<title>JS测试</title>

<script type="text/javascript">

var num = 2;

function addRow(){

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

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

var te = document.createTextNode('row '+num++);

td.appendChild(te);

tr.appendChild(td);

var table = document.getElementById("table");

if(tbody.rows.length == 6){

ie 关闭光标浏览_ie浏览器中append_浏览网页提示用ie浏览器

alert('不能加了!');

}else{

table.appendChild(tr);

}

}

</script>

</head>

<body">

<table>

<tr>

<th>行数</th>

</tr>

<tr>

ie浏览器中append_浏览网页提示用ie浏览器_ie 关闭光标浏览

<td>row 1</td>

</tr>

</table>

<input type="button" value="Button">

</body>

</html>

上面JS代码不能向<table>中添加行ie浏览器中appendie浏览器中append,因为IE中<table>标签不支持appendChild()方法.

解决办法:在<table>标签中加入<tbody>标签,使用tbody元素加入新行.

<html>

<head>

<title>JS测试</title>

<script type="text/javascript">

var num = 2;

浏览网页提示用ie浏览器_ie 关闭光标浏览_ie浏览器中append

function addRow(){

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

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

var te = document.createTextNode('row '+num++);

td.appendChild(te);

tr.appendChild(td);

var tbody= document.getElementById("tbody");

if(tbody.rows.length == 6){

alert('不能加了!');

}else{

tbody.appendChild(tr);

}

}

ie 关闭光标浏览_浏览网页提示用ie浏览器_ie浏览器中append

</script>

</head>

<body">

<table>

<tbody>

<tr>

<th>行数</th>

</tr>

<tr>

<td>row 1</td>

</tr>

</tbody>

</table>

<input type="button" value="Button">

</body>

</html>


本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/jisuanjixue/article-132945-1.html

    相关阅读
      发表评论　　请自觉遵守互联网相关的政策法规，严禁发布、暴力、反动的言论

      • 程秀丽
        程秀丽

        米国出了就没有放弃对中国在政治上

        2026年10月29日 回复 顶 转发
      每日福利
      360浏览器批量下载并保存图片360浏览器批量下载并保存图片 网络嗅探器（视频侦探）正式版网络嗅探器（视频侦探）正式版 W764位旗舰版和纯版本系统下载W764位旗舰版和纯版本系统下载 图书销售系统参考图书销售系统参考
      热点图片
      拼命载入中...
      热点排行