Вставить в ячейку контейнер span и добавить к нему стиль
Здравствуйте
Javascriptом просто увлекаюсь и возникла проблема из-за моего непонимания как это сделать Тут только часть кода:
<html>
<head></head>
<body>
<table border="0" width="100%" id="table2" height="131" style="border-collapse: collapse;">
<tr><td width="46%">
<span style="display:none"> // скрытый контейнер, в котором содержатся другие с каким-то содержимым
<span id="sp_1">что-то содержит</span>
<span id="sp_2">text2</span>
<span id="sp_3">text2</span>
</span>
<table border="0" id="winx_games" width="100%"><tr>
<script language="javascript" type="text/javascript">
// здесь код, который создаёт такой произвольный массив
var m_sp = ['sp_2','sp_3','sp_1'];
for (r = 0; r = 2; r++) // таблица с тремя столбцами
{
document.write('<td>');
// нужно вставить в ячейку контейнер с id равному значению в массиве в том же порядке.
// Получим элемент с id = m_sp[r], то есть сначала при r = 0, будет id = sp_2
// дальше к нему (<span id="sp_2">text2</span>) добавить какой-то стиль, например style="background:red" или
// style.background = 'red'. В результате должно получиться <span id="sp_2" style="background:red">text2</span>
var span = document.getElementById(m_sp[r]).style.background = 'red'; // вроде так, но не уверен
document.write( ??? ); //и дальше как то вставить этот получившейся span (вроде с помощи appendChild(), но тоже не уверен) в ячейку
document.write('</td>');
}
</script></tr></table>
</td></tr></table></body></html>
Надеюсь объяснить, в чём вопрос смог. Помогите если не трудно Желательно чтобы работало в браузере ie7 |
Подскажите что-нибудь, Пожалуйста
У меня пока получилось или ничего не выводится или сообщение: "Остановить выполнение этого сценария? Сценарий на этой веб-странице замедляет работу Internet Explorer. Если не остановить сценарий, компьютер может перестать реагировать на действия пользователя." или [object] [object] [object] |
<table id=":table"></table>
<script>
(function() {
var table=document.getElementById(":table"); //находим нашу таблицу
var texts=["span text 1", "span text 2", "span text 3"];//тексты для наших спанов.
for (var i=0; i!=texts.length; ++i) {
var span= document.createElement("span"); // создаём спан
span.style.color="red";
span.innerHTML=texts[i];
table.insertRow(-1).insertCell(-1).appendChild(span); //цепочки, сцуко)
};
})()
</script>
|
Не совсем то, но дальше разберусь. Спасибо):)
|
| Часовой пояс GMT +3, время: 18:45. |