w3c-可以用用document.write()实现添加table tr的操作吗?

问题描述

可以用用document.write()实现添加table tr的操作吗?
可以用用document.write()实现添加table tr的操作吗?

解决方案

推荐楼主学习一下Dom操作。http://www.w3school.com.cn/jsref/met_node_appendchild.asp

解决方案二:
可以把代码放在一行如果你想让结构清楚可以这样写
document.write(""

"")
document.write(""
"")
document.write(""

"")
document.write(""

"")
document.write(""

"")
document.write(""

"")
document.write(""

"")
document.write(""

"")
document.write(""

"")
document.write(""

"")
document.write(""

"")
document.write(""

"")
document.write(""

"")
document.write(""

"")
document.write(""

"")
document.write(""

"")
document.write(""

"")
document.write(""

"")
document.write(""

"")
document.write(""

你好 你好 你好 你好
你好 你好 你好 你好
你好 你好 你好 你好

"") 解决方案三:

 document.write(""<table>"") document.write(""<tr>"") document.write(""<td>你好</td>"") document.write(""<td>你好</td>"") document.write(""<td>你好</td>"") document.write(""<td>你好</td>"") document.write(""</tr>"") document.write(""<tr>"") document.write(""<td>你好</td>"") document.write(""<td>你好</td>"") document.write(""<td>你好</td>"") document.write(""<td>你好</td>"") document.write(""</tr>"") document.write(""<tr>"") document.write(""<td>你好</td>"") document.write(""<td>你好</td>"") document.write(""<td>你好</td>"") document.write(""<td>你好</td>"") document.write(""</tr>"") document.write(""</table>"")

解决方案四:
建议楼主先学习一下基础,要循序渐进!

解决方案五:
页面文档流关闭前可以用documen.write,关闭后再write会覆盖当前的页面内容,如window.onload中调用write会覆盖

最好的办法是自己组合好html字符串,然后设置容器的innerHTML

时间: 2024-10-23 00:59:05

w3c-可以用用document.write()实现添加table tr的操作吗?的相关文章

js添加table的行和列 具体实现方法

这篇文章介绍了js添加table的行和列 具体实现方法,有需要的朋友可以参考一下   复制代码 代码如下: <!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&quo

js动态给table添加/删除tr的方法

这篇文章介绍了js动态给table添加/删除tr的方法,有需要的朋友可以参考一下   复制代码 代码如下:  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="Edi

js添加table的行和列 具体实现方法_javascript技巧

复制代码 代码如下: <!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></titl

ajax-js动态添加table行的样式问题

问题描述 js动态添加table行的样式问题 我用ajax获取数据后,用js处理动态添加行,每一行的占的rowspan不同,添加后,却没有按照想要的效果: 自己研究了半天没有解决, 图片上的问题和我一样,理论上一行一行的,实际效果如图,如果不加colspan或者rowsapn属性就没这问题.希望能解决 解决方案 你应该设置相同的列数,然后合并单元格,设置colspan合并列 解决方案二: <!DOCTYPE html> <html> <head> <script&

JS动态添加Table的TR,TD实现方法_javascript技巧

本文实例讲述了JS动态添加Table的TR,TD实现方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html>  <head> <title></title> <SCRIPT language="JavaScript"> var tempRow=0; var maxRows=0; function insertRows(){ tempRow=table1.rows.length-1; maxRows=t

jquery 动态添加table与删除动态增加tr,table

$("#comm tr").empty(); comm为table的id    $("#comm tr:not(:first)").empty(); 保留第一行,删除其它所有的行 增加table tr   $.post(rootpath + "/fieldpack/view", { fipaintno: intno }, function(data) {         $("#comm tr").empty();      

JS动态创建Table,Tr,Td并赋值的具体实现

成果库修改:       要求主题列表随成果类型改变而改变       网上查询资料后开工,在成果类型下拉框添加change()事件触发Dwr,查询主题集合--动态创建/编辑Table       概要代码如下: JS   复制代码 代码如下: //动态获取主题数据 function getzts(){     parentId = document.getElementById("bselect1").value;     if(parentId!=""){   

JS动态创建Table,Tr,Td并赋值的具体实现_javascript技巧

成果库修改:      要求主题列表随成果类型改变而改变      网上查询资料后开工,在成果类型下拉框添加change()事件触发Dwr,查询主题集合--动态创建/编辑Table      概要代码如下:JS  复制代码 代码如下: //动态获取主题数据 function getzts(){     parentId = document.getElementById("bselect1").value;     if(parentId!=""){        

js动态添加刷新-怎样动态添加更新tr内容

问题描述 怎样动态添加更新tr内容 比如输入一个值查询后返回一条数据,前台通过数量判断,如果小于1就说明第一次输入查找对应的就添加一个tr,且赋值.然后我再次输入一个值,如果小于1,则又添加一条,如果我在输入第一个值,那么此时数量大于1,对应的就修改第一条数据,而不是添加,怎么实现,求大神帮忙!急急急! 解决方案 ListView动态的更新内容 解决方案二: $(table).append(tr)