Перейти к содержимому


Пользователь месяца
WGN WGN 1-й за Июль
Очков активности: 850 2 темы, 75 сообщений, 7 баллов репутации
Сайт: worldgamenews.com
ТОП самых активных за этот месяц
  • Фотография TimurR
    #1

    TimurR
    Очков активности: 273 3 темы, 17 сообщений, 7 баллов репутации

  • Фотография WGN
    #2

    WGN (worldgamenews.com)
    Очков активности: 64.5 Вне конкурса за определение пользователя месяца

  • Фотография ShowPrint
    #3

    ShowPrint (ShowPrint.ru)
    Очков активности: 52.5 0 тем, 7 сообщений, 5 баллов репутации

  • Фотография BlackLion
    #4

    BlackLion
    Очков активности: 36 0 тем, 24 сообщения, 1 балл репутации

  • Фотография Vmir
    #5

    Vmir
    Очков активности: 25.5 Вне конкурса за определение пользователя месяца

  • Фотография Napoleon-007
    #6

    Napoleon-007
    Очков активности: 21 0 тем, 14 сообщений, 1 балл репутации

  • Фотография Ixman
    #7

    Ixman (o5cat.ru)
    Очков активности: 21 0 тем, 7 сообщений, 2 балла репутации

  • Фотография alekswebart
    #8

    alekswebart
    Очков активности: 19.5 1 тема, 10 сообщений, 1 балл репутации

  • Фотография r0mZet
    #9

    r0mZet (rz-style.ru)
    Очков активности: 18 2 темы, 6 сообщений, 1 балл репутации

  • Фотография profi
    #10

    profi (1informer.com)
    Очков активности: 12 0 тем, 8 сообщений, 1 балл репутации

  • Показать весь ТОП 10

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 19.11.2017
  • Яндекс выдача: 17.08.2018
Топ 5 участников по репутации


Перебор дивов

#1 hoax

hoax
  • Неактивные
  • 24 сообщений
  • Репутация: 1
0

Отправлено 24 October 2012 - 23:38

Хай.

Вот у меня в документе есть несколько дивов с разной нумерацией, допустим tool_1, tool_2, tool_3 и т.д. нужно чтобы скрипт их перебирал и выставлял нумерацию (1,2,3,4,5... в виде i)

Т.е. как-то так у меня *пример*


for(var i=0;i<1000;i++) {
var tool_i =document.getElementById(tool_[i])
}

Чтобы не писать по 100 строк getElementById для каждого т.к. их будет много.

 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Что такое блочная и табличная верстка?
  2. Непонятное поведение блоков div'ов
  3. Помогите с позиционированием div'ов
  4. Форма через несколько дивов html
  5. Пробел между дивами.

#2 yury

yury
  • Пользователь
  • 642 сообщений
  • Репутация: 188

Отправлено 25 October 2012 - 10:43

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>

  • 0



Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru