자바스크립트에서 id 값 알아내기

sadrove의 이미지

또 자바스크립트 질문입니다..^^;;

<div id='test01' onmousedown='testfunc(this)'>하하</div>

위와 같이 있을 때 id값이 test01인 레이어를 마우스로 클릭시
testfunc() 함수에서 자신을 호출한 this의 원래 이름(test01)을 알 수 있는 방법은 무엇인가요?
간단한 듯 하면서 어렵군요..ㅠ.ㅠ..

decoder의 이미지

getElementById() 란 함수가 있더군요...

<div id='test01' onmousedown='testfunc(this)'>하하</div>

function testfunc(test) {
window.alert(document.getElementById(test.getAttribute('id')).getAttribute('id'));
}

// 간단히 이렇게 확인할 수 있더군요.. ;; ^^;; 도움 되셨길.

sadrove의 이미지

헉..소스까지..
감사합니다..꾸벅..

sadrove의 이미지

죄송하지만 질문 하나만 더 드릴께요..
위와 같은 방법으로 현재 this의 id 값을 얻었습니다.
그 id 값의 속성을 변경하려고 아래와 같이 했는데 에러가 납니다..

	var myid = document.getElementById(that.getAttribute('id')).getAttribute('id');	
	document.getElementbyId('myid').innerTEXT = "하하";

가르침 부탁드립니다..^^...

fox9의 이미지

sadrove wrote:
죄송하지만 질문 하나만 더 드릴께요..
위와 같은 방법으로 현재 this의 id 값을 얻었습니다.
그 id 값의 속성을 변경하려고 아래와 같이 했는데 에러가 납니다..
	var myid = document.getElementById(that.getAttribute('id')).getAttribute('id');	
	document.getElementbyId('myid').innerTEXT = "하하";

가르침 부탁드립니다..^^...

myid는 document.getElementById로 이미 해당객체를 얻어왔으니 앞의 document.getElementbyId 등의 코드는 없애고
myid.innerText = "하하"
해서 그냥 실행시키시면 됩니다.

sadrove의 이미지

fox9 wrote:

myid는 document.getElementById로 이미 해당객체를 얻어왔으니 앞의 document.getElementbyId 등의 코드는 없애고
myid.innerText = "하하"
해서 그냥 실행시키시면 됩니다.

죄송하지만 myid는 객체가 아니고 그냥 객체 이름을 가져온 거 아닌가요?...

익명 사용자의 이미지

sadrove wrote:
죄송하지만 질문 하나만 더 드릴께요..
위와 같은 방법으로 현재 this의 id 값을 얻었습니다.
그 id 값의 속성을 변경하려고 아래와 같이 했는데 에러가 납니다..
	var myid = document.getElementById(that.getAttribute('id')).getAttribute('id');	
	document.getElementbyId('myid').innerTEXT = "하하";

가르침 부탁드립니다..^^...

	var my = document.getElementById(that.getAttribute('id'));	
	my.innerTEXT = "하하";

이걸 말씀하신 듯..
fox9의 이미지

sadrove wrote:
fox9 wrote:

myid는 document.getElementById로 이미 해당객체를 얻어왔으니 앞의 document.getElementbyId 등의 코드는 없애고
myid.innerText = "하하"
해서 그냥 실행시키시면 됩니다.

죄송하지만 myid는 객체가 아니고 그냥 객체 이름을 가져온 거 아닌가요?...

getElementById가 해당객체의 이름(id)로 해서 객체를 얻어오는 함수입니다.
고로 var myid = document.getElementById..... 로 의해 myid에는 해당 객체가 지정되어 있습니다.

hongminhee의 이미지

sadrove wrote:
위와 같이 있을 때 id값이 test01인 레이어를 마우스로 클릭시
testfunc() 함수에서 자신을 호출한 this의 원래 이름(test01)을 알 수 있는 방법은 무엇인가요?
간단한 듯 하면서 어렵군요..ㅠ.ㅠ..

그냥 this.id로 접근하면 되지 않나요?
function testfunc(el) {
    window.alert(el.id);
}
익명 사용자의 이미지

정답

댓글 달기

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.