DOM构建表IE麻烦.......... [英] DOM build table IE trouble ..........

查看：61
本文介绍了DOM构建表IE麻烦..........的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

嗨。

我无法理解

为什么这个简单的代码片段没有&b
与IE合作。

它适用于FF和Opera 9.


代码：


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

" http：//www.w3.org/TR/html4/loose.dtd">

< html>

< head>

< title> Untitled Document< / title>

< meta http-equiv = QUOT;内容类型"含量=" text / html的; charset = utf-8">

< script language =" JavaScript" type =" text / JavaScript">

function buildTable（）

{

var content = document.getElementById（''content' '）;

var mTab​​le = document.createElement（''table''）;

mTab​​le.setAttribute（''cellspacing''，''0''）;

mTab​​le.setAttribute（''cellpadding''，''0''）;

var tr = document.createElement（''tr''）;

var td = document.createElement（''td''）;

td.appendChild（document.createTextNode（''pippo''））;

tr.appendChild（td）;

mTab​​le.appendChild（tr）;

alert（mTable）;

content.appendChild（mTable） ;

}

window.onload = function（）

{

buildTable（）;

}


< / script>


< / head>

< body> ;

< div id =" content">< / div>

< / body>

< / html> ;

再见:(

Hi.
I''m not able to understand
why this simple snippet doesn''t
work with IE.
It works fine with FF and Opera 9.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script language="JavaScript" type="text/JavaScript">
function buildTable()
{
var content = document.getElementById(''content'');
var mTable = document.createElement(''table'');
mTable.setAttribute(''cellspacing'',''0'');
mTable.setAttribute(''cellpadding'',''0'');
var tr = document.createElement(''tr'');
var td = document.createElement(''td'');
td.appendChild(document.createTextNode(''pippo''));
tr.appendChild(td);
mTable.appendChild(tr);
alert(mTable);
content.appendChild(mTable);
}
window.onload = function()
{
buildTable();
}

</script>

</head>
<body>
<div id="content"></div>
</body>
</html>
Bye :(

推荐答案

whisher写道：
whisher wrote:

var mTab​​le = document .createElement（ '' 表 ''）;
var mTable = document.createElement(''table'');



mTab​​le.cellSpacing =''0'';

mTab​​le.cellPadding =''0'';


var tbody = document.createElement（''tbody''）;


mTable.cellSpacing = ''0'';
mTable.cellPadding = ''0'';

var tbody = document.createElement(''tbody'');


var tr = document.createElement（''tr''）;

var td = document.createElement（''td''）;

td.appendChild（document.createTextNode（''pippo''））;

tr.appendChild（td）;
var tr = document.createElement(''tr'');
var td = document.createElement(''td'');
td.appendChild(document.createTextNode(''pippo''));
tr.appendChild(td);



tbody.appendChild（tr）;


mTab​​le.appendChild（tbody）;

-


Martin Honnen
http：/ /JavaScript.FAQTs.com/




whisher写道：

whisher wrote:

嗨。

我无法理解

为什么这个简单的代码片段没有和b $ b一起工作。

它适用于FF和Opera 9.


代码：


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

" http：//www.w3.org/TR/html4/loose.dtd">

< html>

< head>

< title> Untitled Document< / title>

< meta http-equiv = QUOT;内容类型"含量=" text / html的; charset = utf-8">

< script language =" JavaScript" type =" text / JavaScript">

function buildTable（）

{

var content = document.getElementById（''content' '）;

var mTab​​le = document.createElement（''table''）;

mTab​​le.setAttribute（''cellspacing''，''0''）;

mTab​​le.setAttribute（''cellpadding''，''0''）;

var tr = document.createElement（''tr''）;

var td = document.createElement（''td''）;

td.appendChild（document.createTextNode（''pippo''））;

tr.appendChild（td）;

mTab​​le.appendChild（tr）;

alert（mTable）;

content.appendChild（mTable） ;

}

window.onload = function（）

{

buildTable（）;

}


< / script>


< / head>

< body> ;

< div id =" content">< / div>

< / body&g t;

< / html>


再见:(
Hi.
I''m not able to understand
why this simple snippet doesn''t
work with IE.
It works fine with FF and Opera 9.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script language="JavaScript" type="text/JavaScript">
function buildTable()
{
var content = document.getElementById(''content'');
var mTable = document.createElement(''table'');
mTable.setAttribute(''cellspacing'',''0'');
mTable.setAttribute(''cellpadding'',''0'');
var tr = document.createElement(''tr'');
var td = document.createElement(''td'');
td.appendChild(document.createTextNode(''pippo''));
tr.appendChild(td);
mTable.appendChild(tr);
alert(mTable);
content.appendChild(mTable);
}
window.onload = function()
{
buildTable();
}

</script>

</head>
<body>
<div id="content"></div>
</body>
</html>
Bye :(



我相信你是错过了< tbodyelement。我不确定IE是否会自动为你创建它，所以最好还是手动创建它，然后将TR附加到那个，就像这个：


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

" http：// www.w3.org/TR/html4/loose.dtd">

< html>

< head>

< title> Untitled Document< / title>

< meta http-equiv =" Content-Type"含量=" text / html的; charset = utf-8">

< script language =" JavaScript" type =" text / JavaScript">

function buildTable（）

{

var content = document.getElementById（''content' '）;

var mTab​​le = document.createElement（''table''）;

mTab​​le.setAttribute（''cellspacing''，''0''）;

mTab​​le.setAttribute（''cellpadding''，''0''）;

var tbody = document.createElement（''tbody''）;

var tr = document.createElement（''tr''）;

var td = document.createElement（''td''）;

td .appendChild（document.createTextNode（''pippo''））;

tr.appendChild（td）;

tbody.appendChild（tr）;

mTab​​le.appendChild（tbody）;

alert（mTable）;

content.appendChild（mTable）;

}

window.onload = function（）

{

buildTable（）;

}


< / script>


< / head>

< body>

< div id =" content">< / div>

< / body>

< / html>


我无法确认它是否在IE中有效，但我认为没有理由为什么

它不应该，因为它的代码与Firefox一起运行良好，但随后

再次，Firefox更聪明，更容易出错。


希望有所帮助。


一切顺利。


Daz。

I believe you are missing a <tbodyelement. I am not sure if IE will
automatically create it for you, so you''d be better off creating it
manually, and then appending the TRs to that, like this:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script language="JavaScript" type="text/JavaScript">
function buildTable()
{
var content = document.getElementById(''content'');
var mTable = document.createElement(''table'');
mTable.setAttribute(''cellspacing'',''0'');
mTable.setAttribute(''cellpadding'',''0'');
var tbody = document.createElement(''tbody'');
var tr = document.createElement(''tr'');
var td = document.createElement(''td'');
td.appendChild(document.createTextNode(''pippo''));
tr.appendChild(td);
tbody.appendChild(tr);
mTable.appendChild(tbody);
alert(mTable);
content.appendChild(mTable);
}
window.onload = function()
{
buildTable();
}

</script>

</head>
<body>
<div id="content"></div>
</body>
</html>

I can''t confirm whether or not it works in IE, but I see no reason why
it shouldn''t, as the code as it was worked fine with Firefox, but then
again, Firefox is smarter, and more forgiving of errors.

Hope that helps.

All the best.

Daz.




Daz写道：

Daz wrote:

whisher写道：
whisher wrote:

嗨。

我无法理解

为什么这个简单的片段不会与IE一起使用
。

它适用于FF和Opera 9.


代码：


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

" http://www.w3.org/TR/html4/loose.dtd">

< html>

& lt; head>

< title> Untitled Document< / title>

< meta http-equiv =" Content-Type"含量=" text / html的; charset = utf-8">

< script language =" JavaScript" type =" text / JavaScript">

function buildTable（）

{

var content = document.getElementById（''content' '）;

var mTab​​le = document.createElement（''table''）;

mTab​​le.setAttribute（''cellspacing''，''0''）;

mTab​​le.setAttribute（''cellpadding''，''0''）;

var tr = document.createElement（''tr''）;

var td = document.createElement（''td''）;

td.appendChild（document.createTextNode（''pippo''））;

tr.appendChild（td）;

mTab​​le.appendChild（tr）;

alert（mTable）;

content.appendChild（mTable） ;

}

window.onload = function（）

{

buildTable（）;

}


< / script>


< / head>

< body> ;

< div id =" content">< / div> ;

< / body>

< / html>

再见:(
Hi.
I''m not able to understand
why this simple snippet doesn''t
work with IE.
It works fine with FF and Opera 9.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script language="JavaScript" type="text/JavaScript">
function buildTable()
{
var content = document.getElementById(''content'');
var mTable = document.createElement(''table'');
mTable.setAttribute(''cellspacing'',''0'');
mTable.setAttribute(''cellpadding'',''0'');
var tr = document.createElement(''tr'');
var td = document.createElement(''td'');
td.appendChild(document.createTextNode(''pippo''));
tr.appendChild(td);
mTable.appendChild(tr);
alert(mTable);
content.appendChild(mTable);
}
window.onload = function()
{
buildTable();
}

</script>

</head>
<body>
<div id="content"></div>
</body>
</html>
Bye :(



我相信你错过了一个< tbodyelement。我不确定IE是否会自动为你创建它，所以最好还是手动创建它，然后将TR附加到那个，就像这个：


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

" http：// www.w3.org/TR/html4/loose.dtd">

< html>

< head>

< title> Untitled Document< / title>

< meta http-equiv =" Content-Type"含量=" text / html的; charset = utf-8">

< script language =" JavaScript" type =" text / JavaScript">

function buildTable（）

{

var content = document.getElementById（''content' '）;

var mTab​​le = document.createElement（''table''）;

mTab​​le.setAttribute（''cellspacing''，''0''）;

mTab​​le.setAttribute（''cellpadding''，''0''）;

var tbody = document.createElement（''tbody''）;

var tr = document.createElement（''tr''）;

var td = document.createElement（''td''）;

td .appendChild（document.createTextNode（''pippo''））;

tr.appendChild（td）;

tbody.appendChild（tr）;

mTab​​le.appendChild（tbody）;

alert（mTable）;

content.appendChild（mTable）;

}

window.onload = function（）

{

buildTab le（）;

}


< / script>


< / head>

< body>

< div id =" content">< / div>

< / body>

< / html>


我无法确认它是否适用于IE，但我认为没有理由为什么

它不应该，因为它的代码与Firefox一起运行良好，但随后再次获得
，Firefox更智能，更容易出错。


希望有所帮助。


一切顺利。


Daz。


I believe you are missing a <tbodyelement. I am not sure if IE will
automatically create it for you, so you''d be better off creating it
manually, and then appending the TRs to that, like this:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script language="JavaScript" type="text/JavaScript">
function buildTable()
{
var content = document.getElementById(''content'');
var mTable = document.createElement(''table'');
mTable.setAttribute(''cellspacing'',''0'');
mTable.setAttribute(''cellpadding'',''0'');
var tbody = document.createElement(''tbody'');
var tr = document.createElement(''tr'');
var td = document.createElement(''td'');
td.appendChild(document.createTextNode(''pippo''));
tr.appendChild(td);
tbody.appendChild(tr);
mTable.appendChild(tbody);
alert(mTable);
content.appendChild(mTable);
}
window.onload = function()
{
buildTable();
}

</script>

</head>
<body>
<div id="content"></div>
</body>
</html>

I can''t confirm whether or not it works in IE, but I see no reason why
it shouldn''t, as the code as it was worked fine with Firefox, but then
again, Firefox is smarter, and more forgiving of errors.

Hope that helps.

All the best.

Daz.



不，IE无法正常工作。


我已解决了以下问题：

函数buildTable（）

{

var content = document.getElementById（''content''）;

var mTab​​le = document.createElement（''table''）;

mTab​​le.setAttribute（''cellspacing''，''0''）;

mTab​​le.setAttribute（' 'cellpadding''，''0''）;

var mTBody = document.createElement（''tbody''）;

var tr = document.createElement（' 'tr''）;

var td = document.createElement（''td''）;

td.appendChild（document.createTextNode（''pippo''） ）;

tr.appendChild（td）;

mTBody.appendChild（tr）;

mTab​​le.appendChild（mTBody）;

content.appendChild（mTable）;

}

再见。

No, with IE doesn''t work.

I''ve fixed the problem with:
function buildTable()
{
var content = document.getElementById(''content'');
var mTable = document.createElement(''table'');
mTable.setAttribute(''cellspacing'',''0'');
mTable.setAttribute(''cellpadding'',''0'');
var mTBody = document.createElement(''tbody'');
var tr = document.createElement(''tr'');
var td = document.createElement(''td'');
td.appendChild(document.createTextNode(''pippo''));
tr.appendChild(td);
mTBody.appendChild(tr);
mTable.appendChild(mTBody);
content.appendChild(mTable);
}
Bye.


这篇关于DOM构建表IE麻烦..........的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文
相关文章
前端开发最新文章
热门教程
热门工具
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆