js运行时异常与table中的内容
来源:互联网 发布:linux 进程退出日志 编辑:程序博客网 时间:2024/06/06 13:07
这样一段代码
<table><tr id="user">
</tr></table>
<script>
document.getElementById("user").innerHTML="<td>hello</td>";
</script>
这个时候就会出行 运行时异常
这是因为在 html 很多标签 如 table tr 这些标签对innerHTML的支持并不好
但是像div span 就支持的很好 建议用innerHTML时使用div与span
这样一段代码
<table id="user">table>
<script>
var table=document.getElementById("user");
var tr=document.createElement("tr");
var td=document.createElement("td");
var div=document.createElement("div");
div.innerHTML="大家好";
td.appendChild(div);
tr.appendChild(td);
table.appendChild(tr);
</script>
这段代码的意思很明显 就是在当前table上添加一行一列 并且行内添加div 显示字体 大家好
但是调用这段代码后 结果没有任何东西 为什么了
因为 table的appendChild自能appendChild table中的下一节点
table的下一级几点是tbody 所以加不进去
修改成这样就可以了
<table id="user"><tbody id="user"></tbody><table>
<script>
var table=document.getElementById("user");
var tr=document.createElement("tr");
var td=document.createElement("td");
var div=document.createElement("div");
div.innerHTML="大家好";
td.appendChild(div);
tr.appendChild(td);
table.appendChild(tr);
</script>
结果出来了
就算你只写了<table id="user"><table>
你打印一下 document.getElementById("user").innerHTML;
他也会出来一个 <tbody></tbody>
- js运行时异常与table中的内容
- Java中的运行时异常
- 运行时异常与普通异常
- 运行时异常与检查异常
- js 获取html table单元格内容,获取单元格内输入框中的内容
- 解析html中的table内容
- table中的内容自动换行
- Table内容后台循环输出时用js合并单元格
- 运行时异常与非运行时异常
- 运行时异常与非运行时异常
- java 运行时异常与非运行时异常理解
- 运行时异常与非运行时异常的区别
- 利用JS把Table中的内容导入到Excel中的方法
- 利用JS把Table中的内容导入到Excel中的方法
- 自定义异常类、运行时异常与编译时异常
- [JS] jQuery与table
- quartz运行中的异常
- 运行异常与一般异常
- 关于802.11协议族
- 收集嵌入式数据库Sqlite移植资料
- 云计算来临,我们将何去何从
- WIFI
- flex上传文件
- js运行时异常与table中的内容
- flex文件下载
- JFreeChart中柱状图的详细设置
- Java程序通过weka调用libsvm和liblinear的方法
- 硬件面经 zz
- 由baidu被黑而想到的
- Input和Img等元素垂直对齐的方法
- WinAPI: WinExec - 运行外部程序
- hook 基本概念