반응형
JavaScript
$(function () {
$('div').click(function () {
var elem = $(this);
alert('Class: ' + elem.attr('class'));
alert('Id: ' + elem.attr('id'));
alert('Name: ' + elem.attr('name'));
});
});
HTML
<div class="className" onclick="getname();"></div>
<div id="idName" onclick="getName();"></div>
<div name="attrName" onclick="getName()"></div>
CSS
div {
width: 100px;
height: 100px;
border: 1px solid black;
}
JSfiddle: http://jsfiddle.net/54ynV/
In the script above we're attaching to the click event of every div on the page $('div').click...
. In the callback we're getting it's attributes.
반응형
'Web > Javascript' 카테고리의 다른 글
addEventListener에 호출 함수에 파라미터 넣기 (0) | 2018.02.28 |
---|---|
[Javascript] 현재 페이지 이름 가져오기 (0) | 2018.01.10 |
[Javascript] replace 이용한 replaceAll 만들기 (0) | 2017.11.11 |
CSS와 Javascript을 이용한 이미지 중앙 정렬 (paddingTop) (0) | 2017.10.11 |
[JS] 소수점 2자리 자르기 float 2 decimal (0) | 2017.01.28 |
구글 차트(Google Chart) 사이즈 resized Script 함수 (0) | 2016.12.06 |
jquery UI을 이용한 Datepicker + jQuery Calendar Plugin (0) | 2015.09.05 |
[Sencha&ExtJS] ExtJS 기초.14 - Ext.grid.Panel에 다른 DB 불러오기 (0) | 2015.07.01 |
도움이 되셨다면 하트모양의 "♡ 공감"을 눌러주시면 큰 격려가 됩니다.
(로그인하지 않으셔도 가능)
(로그인하지 않으셔도 가능)