0

Предположим, есть страница, но ширина на javascript задаётся только первому. Как сделать, чтоб стиль задавался сразу всем элементом с каким-то Id?

<html>

    <head>
        <link rel="stylesheet" type="text/css" href="css/style.css">
        <script type="text/javascript">
            function Div() {
                var W = window.innerWidth - 200;
                var H = window.innerHeight - 50;

                var WMess = window.innerWidth - 280;
                document.getElementById('mess').style.width = WMess + "px";
            }
        </script>
    </head>

    <body onLoad="Div()">
        <div>
            <div id='mess'>Далинин Станислав</div>
        </div>
        <div>
            <div id='mess'>Далинин Станислав</div>
        </div>
    </body>

</html>
3
  • @Kirpich643 Удаляйте из вопроса лишний код, иначе вероятность получить ответ будет падать. 14 ноя 2012 в 14:57
  • 7
    вы понимаете на сколько глупо звучит "всем элементам с одним id"? id должен быть уникальным на странице!
    – Spectre
    14 ноя 2012 в 15:01
  • Ну предложите свой вариант!
    – Kirpich643
    14 ноя 2012 в 15:10

3 ответа 3

2

вроде как нигде не накосячил:

<body onLoad="Div()">
    <div>
        <div class='mess'>Далинин Станислав</div>
    </div>
    <div>
        <div class='mess'>Далинин Станислав</div>
    </div>
</body>

     function Div() {
         var W = window.innerWidth - 200,
                 H = window.innerHeight - 50,
                 WMess = window.innerWidth - 280;
                 divs = document.getElementsByTagName('div');

         for(var i=0; i < divs.length; i++) {
             if((new RegExp('mess').test(divs[i].className))) {
                 divs[i].style.width = WMess + "px";
             }    
         }
     }
8
  • 1
    Если не считать велосипеда там где обычные люди используют getElementsByClassName, то да, не накосячил :)
    – Next_Alex
    14 ноя 2012 в 15:32
  • @Next_Alex велосипед, не велосипед, а вы видать про кроссбраузерность ни ухом ни слухом?
    – lampa
    14 ноя 2012 в 15:35
  • Если считать IE браузером, то да. Хотя с 9-й версии он тоже наконец приблизился к стандартам и даже начал поддерживать getElementsByTagName.
    – Next_Alex
    14 ноя 2012 в 15:51
  • Если чо, getElementsByTagName IE с 6-ой версии поддерживает. С подключением :-). А те, кто не считает IE браузером, теряют большую часть пользователей.
    – lampa
    14 ноя 2012 в 15:53
  • 1
    изобретать велосипед изза MS тоже не айс. пользуйтесь jquery =)
    – thunder
    14 ноя 2012 в 16:05
2

Подразумевается что id - уникальный для этой страницы идентификатор элемента. Если нужно создать несколько однотипных элементов, то используется атрибут class.

0

используйте class и jquery

а так читайте про функцию foreach и обходите поочереди ВСЕ элементы с id=mess

id -- ИДЕНТИФИКАТОР и он ДОЛЖЕН быть уникальным.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.