| |
|
|
| | Добрый день.
Подскажите,как создать таблицу с помощью javascript.
Такого вида:
<table>
<tr>
<td>
Text
</td>
</tr>
</table> | |
| |
|
|
| |
|
|
| |
для: Hammer.nv
(02.08.2007 в 11:11)
| | | эм...
document.write("<table><tr><td>Text</td></tr></table>");
|
| |
| |
|
|
| |
|
|
| |
для: CrazyAngel
(02.08.2007 в 11:45)
| | | Я имел ввиду не это:)
Создать используя createElement,appendChild и т.п.
function create () {
var Table = document.createElement('table');
var Tr = document.createElement("tr");
var Td = document.createElement("td");
document.body.appendChild(Table);
Table.appendChild(Tr);
Tr.appendChild(Td);
Td.innerHTML = 'Text';
}
Так не работает:( | |
| |
|
|
| |
|
|
| |
для: Hammer.nv
(02.08.2007 в 12:05)
| | | tbody тоже нужно создавать | |
| |
|
|
| |
|
|
| |
для: coloboc66
(02.08.2007 в 14:11)
| | | Всё равно не выводится.. | |
| |
|
|
| |
|
|
| |
для: Hammer.nv
(02.08.2007 в 14:51)
| | | работающий пример:
<html>
<body>
<div id="writeroot" >
</div>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
var x =new Array("age","name","thirthd");
var newEl = document.createElement('TABLE');
newEl.setAttribute('cellPadding',5);
var tmp = document.createElement('TBODY');
newEl.appendChild(tmp);
var row = document.createElement('TR');
for (j=0;j<x.length;j++)
{
var container = document.createElement('TD');
var theData = document.createTextNode(x[j]);
container.appendChild(theData);
row.appendChild(container);
}
tmp.appendChild(row);
document.getElementById('writeroot').appendChild(newEl);
</script>
</body>
</html> | |
| |
|
|
| |
|
|
| |
для: Hammer.nv
(02.08.2007 в 11:11)
| | |
<html><head>
<script>
onload = function ()
{
var tbl = document.createElement ('table');
with (tbl)
{
cellSpacing = 0;
cellpadding = 0;
border = 1;
borderColor = 'red';
align = 'center';
width = '80%';
with (style)
{
borderCollapse = 'collapse';
background = 'yellow';
}
id = 'myTable';
}
//***блок работает только в MSIE***
var ro = tbl.insertRow (); //*
var ce = ro.insertCell (); //*
with (ce) //*
{ //*
innerHTML = 'Text; //*
vAlign = 'top'; //*
with (ce.style) //*
{ //*
textAlign = 'center'; //*
padding = '5 10'; //*
color = 'green'; //*
} //*
} //*
//***конец блока*******************
document.body.appendChild (tbl);
}
</script>
</head><body></body></html>
|
Для Mozilla и прочих Oper вместо указанного блока надо тупо писать:
tbl.innerHTML = '<tr><td valign="top" style="text-align: center; padding: 5px 10px"; color: green">Text</td></tr>';
|
,ибо методов insertRow () и insertCell (), описанных в DOM-2, эти браузеры не поддерживают.
А MSIE, в свою очередь, как раз не поддерживает создание тега <tr> через innerHTML. | |
| |
|
|
| |
|
|
| |
для: CNT
(02.08.2007 в 17:45)
| | | Спасибо всем кто ответил. | |
| |
|
|
