向table的tr加个table,加不上??

问题描述

data.bznr里是一个table;xEditingArea是个div的id;var table='<table id="main" width="100%" style="table-layout:fixed;height:100%;"'+ 'cellSpacing="0"cellPadding="0"><tbody><tr vAlign="top"'+ 'style="height:100%;">'+data.bznr+'</tr></tbody></table>';document.getElementById('xEditingArea').innerHTML=table;运行后用ie工具查看,他的代码是这两个table平行了 如图:

解决方案

table中放入元素时,必须是嵌套在tr的td标签中的, 否则布局会受影响
解决方案二:
要在td里,不能tr

时间: 2024-11-10 01:05:55

向table的tr加个table,加不上??的相关文章

在table中tr标签中有一个onclick()事件,

问题描述 在table中tr标签中有一个onclick()事件, 现在我点击tr下的任一个td都会触发事件,怎么才能让第一个td不触事件 <table> <tr onclick="函数"> <td><input type="checkbox" --/></td> <td></td> --这里有n个td <td></td> <td></td&g

js-如何用JavaScript操作table中tr中td的值?

问题描述 如何用JavaScript操作table中tr中td的值? 如何用JavaScript操作table中tr中td的值? 如何用JavaScript操作table中tr中td的值? 如何用JavaScript操作table中tr中td的值? 解决方案 <html> <head> <title> 修改td中的值 </title> </head> <body> <table id="myTable" wi

html js css-html克隆一个table的tr

问题描述 html克隆一个table的tr 具体需求是一个方法把一个表格的第一行赋值, 并通过propmt()的返回值改变第一个td的innerHTml 其余不变(包括class和调用的函数)

jquery遍历table的tr获取td的值实现方法_jquery

html代码: <tbody id="history_income_list"> <tr> <td align="center"><input type="text" class="input-s input-w input-hs"></td> <td align="center"><input type="text&q

js实现table添加行tr、删除行tr、清空行tr的简单实例_javascript技巧

如下所示: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author"

得用jquery对table的tr重新排序

借助于强大的jquery库,通过一些简单的js代码来实现对table数据列进行排序.排序是通过调整table的tr的顺序重新显示,全部在客户端上完成,不需要和服务器交互,因此减轻了服务器的压力.查看Demo请猛点这里. 实现排序的js代码如下:  代码如下 复制代码 function tableSort(jqTableObj) {     jqTableObj.find('thead th').click(         function(){             var dataType

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

js增加删除表table行tr二种实例

例1  代码如下 复制代码 <html> <head> <title>js insert delete talbe row</title>  <script type="text/javascript"> function inRow() {  var table = document.getElementById("tid");   var nextIndex = table.rows.length  v

table单元格选中合并-table 下面代码这里只是列选中,改成行列都可以选中合并该怎么做?或者有其他方法来实现也可以。

问题描述 table 下面代码这里只是列选中,改成行列都可以选中合并该怎么做?或者有其他方法来实现也可以. <!DOCTYPE HTML> <HTML> <head> <TITLE>The document title</TITLE> <meta charset=utf-8> <script src="lib/jquery-1.8.1.min.js" type="text/javascript&qu