Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.57/7: Рейтинг темы: голосов - 7, средняя оценка - 4.57
Дима_Кирсанов
5 / 5 / 7
Регистрация: 08.10.2010
Сообщений: 228
1

Как получить атрибут div-a при событии onClick?

01.12.2011, 17:39. Просмотров 1370. Ответов 6
Метки нет (Все метки)

Подскажите, пожалуйста, как получить атрибут div-a при событии onClick.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<html> 
<head>
        <title>Практика 7. Интерактивное изменение свойств элементов HTML-страницы</title>
        <style>
        .square
                {
                position: absolute;
                top: 10px;
                left: 10px;
                background: green;
                width: 60px;
                height: 60px;
                }
 
 
        </style>
</head>
<body> 
        <div class="square" onClick="move(this)" Id="square" ></div>
         
         <script type="text/javascript">
             
        function move(element)
                {
                
            alert(parseInt(element.style.left));
 
 
        }
         </script> 
</body> 
</html>
И почему у меня при событии onClick появляется сообщение со значение NaN???
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
01.12.2011, 17:39
Ответы с готовыми решениями:

Изменить координаты div-элемента при событии onClick
Народ, поскажите, пожалуйста, как можно изменить координаты div-элемента при событии onClick? ...

Не меняется borderColor при событии onClick
Подскажите пожалуста почему не работает такой код: &lt;html&gt; &lt;body&gt; &lt;script...

Изменение цвета элемента при событии onClick
Объясните пожалуйста, почему 1ый код работает, а 2ой-нет.

Можно ли определить нажата ли клавиша shift при событии onclick на <img> ?
Можно ли определить нажата ли клавиша shift при событии onclick на &lt;img&gt; ?

Как правильно использовать innerHTML в событии onclick
Всем привет! Кликаем по одной картинке (иконке), в другом месте страницы меняется картинка. ...

6
Daredevi1
309 / 301 / 78
Регистрация: 09.05.2009
Сообщений: 723
01.12.2011, 17:54 2
HTML5
1
2
3
4
5
6
7
8
9
<div class="square" onClick="alert(getComputedCSSPropertyValue(this, 'left'))" Id="square" ></div>
 
<script type="text/javascript">
 
function getComputedCSSPropertyValue(element, CSSProperty) {
    return (typeof getComputedStyle == "undefined" ? element.currentStyle : getComputedStyle(element, null))[CSSProperty];
}
 
</script>
0
Vicont
front-end developer
284 / 275 / 39
Регистрация: 31.08.2010
Сообщений: 577
Записей в блоге: 1
01.12.2011, 18:56 3
Дима_Кирсанов, оформляйте код соответствующими тегами разметки.
0
Дима_Кирсанов
5 / 5 / 7
Регистрация: 08.10.2010
Сообщений: 228
01.12.2011, 19:25  [ТС] 4
объясните, пожалуйста, что это значит

Javascript
1
return (typeof getComputedStyle == "undefined" ? element.currentStyle : getComputedStyle(element, null))[CSSProperty];

????? 8=P

Добавлено через 2 минуты
Vicont, что вы имеете ввиду? я вас не понял
0
Vicont
front-end developer
284 / 275 / 39
Регистрация: 31.08.2010
Сообщений: 577
Записей в блоге: 1
01.12.2011, 19:30 5
Дима_Кирсанов, я имею ввиду чтобы Вы заключали свой код в теги форматирования т.е. в форме ответа есть кнопки "js", "html" и другие специально для того чтобы в них заключали соответствующий код. Только не нужно использовать одни теги внутри других, скажем нельзя использовать внутри тегов html теги js.
0
Дима_Кирсанов
5 / 5 / 7
Регистрация: 08.10.2010
Сообщений: 228
01.12.2011, 19:32  [ТС] 6
спасибо, теперь все ясно
0
Daredevi1
309 / 301 / 78
Регистрация: 09.05.2009
Сообщений: 723
01.12.2011, 19:54 7
Для IE
Javascript
1
element.currentStyle
Для нормальных браузеров
Javascript
1
getComputedStyle()
0
01.12.2011, 19:54
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
01.12.2011, 19:54

Как вызвать функцию в JavaScript событии onclick к коде, не в HTML?
Все просто, есть кнопка, по её нажатию должна вызываться определенная ранее функция...

Как изменить атрибут style этого div ?
вот тут к примеру понятно что нужно getElementsByClassName('pmoabs').style &lt;div class=&quot;pmoabs&quot;...

Как повешать на div простой обработчик события onClick
Привет всем. Я пытаюсь сделать так. Вот у меня есть блок div и внутри него текст: &lt;body&gt; &lt;div...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Рейтинг@Mail.ru