Помощник
|
Перебор дивов |
hoax_mw
|
Сообщение
#1
|
||
|
|
||
|
|||
yury_mw |
25.10.2012, 11:43;
Ответить: yury_mw
Сообщение
#2
|
|
|
hoax,
сформулируйте четче, что у вас есть и какой результат должен получиться? Например, непонятно, что у вас обозначает термин "нумерация дивов". 1) Это id <div id="numder"></div>? 2) Циферка внутри дива <div>numder</div>? 3) Еще что-то? Пытаемся заняться телепатией и предполагаем, что это первый вариант. В этом случае, для начала вспоминаем, что идентификатор должен обязательно начинаться с латинского символа. Поэтому id в виде циферок "1", "2" и т.д. недопустим, допустимо что-то вроде"i1", "i2" и т.д. Таким образом, если хочется превратить дивы с id вида"tool_1", "tool_2" и т.п., например, в такие "i1", "i2" и т.д. то нам поможет примерно такой скрипт: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <title>tst</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!--для наглядности придумываем 2 различных стиля для дивов с id tool_# и i#--> <style type=text/css> #tool_0,#tool_1,#tool_2,#tool_3,#tool_4, #tool_5,#tool_6,#tool_7,#tool_8,#tool_9{ float: left; width: 10em; height: 3em; background: #ccc; border: 1px solid #000; margin: 0.5em 0 0 0.5em; } #i0,#i1,#i2,#i3,#i4, #i5,#i6,#i7,#i8,#i9{ float: left; width: 10em; height: 3em; background: red; border: 1px solid #000; margin: 0.5em 0 0 0.5em; } </style> <!--выводим десяток дивов с id="tool_#" и после загрузки страницы превращаем половину дивов с id="tool_#" в дивы с id="i#" через одного--> <script type="text/javascript"> window.onload = afterLoad; function afterLoad() { for(var i=0;i<10;i+=2) { document.getElementById("tool_"+i).id = "i"+i; } } </script> </head> <body> <div id="tool_0"></div><div id="tool_1"></div><div id="tool_2"></div><div id="tool_3"></div><div id="tool_4"></div> <div id="tool_5"></div><div id="tool_6"></div><div id="tool_7"></div><div id="tool_8"></div><div id="tool_9"></div> </html>
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Нубский вопрос про растягивание дивов и положение в нем элементов | 7 | Licoric | 7661 | 11.8.2010, 5:43 автор: -Alcorn- |
Текстовая версия | Сейчас: 28.3.2024, 13:03 |