자바스크립트 document.getElementById 크롬에서 안돼요!! > IT Tip&Tech

본문 바로가기
사이트 내 전체검색


회원로그인

IT Tip&Tech

자바스크립트 document.getElementById 크롬에서 안돼요!!

페이지 정보

작성자 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 작성일13-12-04 20:32 조회4,995회 댓글0건

본문

일부 웹에서 나오는 소스를 가져다 쓰게 되면 getElementById 가 익스플로러에서는 되는데 크롬에서는 안되는 경우가 있습니다. 

저같은 경우 그누보드에서 스킨을 갖다 쓰다가 이 문제를 알았는데요..

이게 익스플로러에서는 왜 되는데 크롬에서 안되냔 말이죠... 크롬이 뭘 잘못했나요?
사실 크롬이 잘못한게 아니라 익스가 잘못한겁니다. 

이게 뭔소린고 하니...

일부 웹 개발자들은 getElementById 를 쓰려는 select 컨트롤이나 check 컨트롤을 이런식으로 정의합니다. 


<select name='아이디'>
<option value='값2'>스트링1
<option value='값2'>스트링2
</select>

자 여기서 클릭 이벤트로 가면 select 컨트롤의 값을 얻어와야 겠죠?

그럼 이렇게 쓸겁니다. 

var myvalue = document.getElementById('아이디').value;

그런데 이게 익스에서는 되고 크롬이나 사파리에서는 안됩니다. 
이건 되는게 맞을까요? 안되는게 맞을까요? 

눈치 채셨다면 안되는게 맞습니다. 

함수명을 보세요 getElementById 입니다.

ID! ID! ID! ID!

select 에 name 이 아니라 

<select id='아이디'>

이렇게 줘야 되는겁니다. 

근데 이 멍청한 MS는 이상한 센스를 발휘해서 id 가 없으면 name 에서 찾아쓰도록 했어요.
문제가 뭐냐고요? 

대부분의 웹 개발자들에게 오해를 줘서 웹 개발자들이 잘 모르고 그냥 name 을 써버려요.
웹표준은 날라가는 겁니다. 

누가 id 에서 없으면 name에서 찾아쓸거라고 예상합니까? 정말 이상한 센스 발휘하시네요;;

문서가 많지않아 정리해둡니다.... 여러분들도 까먹지 마세요~


  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기

댓글목록

등록된 댓글이 없습니다.

IT Tip&Tech 목록

Total 12건 4 페이지
IT Tip&Tech 목록
번호 제목 글쓴이 날짜 조회
-33 table 안에 div width:100% 지정시 문제 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 10-24 5584
-34 클래스 함수포인터 사용시 함수호출에 대한 문제 댓글2 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12-03 5521
-35 메쉬 애니메이션을 위한 기본 틀 인기글 black_H 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 10-20 5495
-36 VS2005 단축키 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12-14 5449
-37 [CSS] 익스플로러9 에서도 둥근모서리를 사용해 보자 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 08-09 5442
-38 Windows7 에서 Access odbc 설정이 안될때... 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 04-24 5395
-39 비든 X6 오류 대처방법 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 05-13 5335
-40 css 그라데이션에 관한 팁 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 10-24 5314
-41 알파테스트 인기글 black_H 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12-07 5263
-42 /MP (Build with Multiple Processes) 댓글1 인기글 현오라기 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 03-08 5161
-43 jquery Cannot call method 'click' of null 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 07-26 5150
-44 DirectX End-User Runtime Web Installer 인기글 black_H 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 06-04 5123
-45 C#의 형변환에 대한 팁 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 05-23 5117
-46 div 안에 글자를 자동으로 잘라주는 style 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 10-25 5116
열람중 자바스크립트 document.getElementById 크롬에서 안돼요!! 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12-04 4996
게시물 검색

접속자집계

오늘
662
어제
693
최대
3,675
전체
449,989
회사소개 개인정보취급방침 서비스이용약관
Copyright © LittleCandle All rights reserved.
문의메일 : littlecandle99@gmail.com
상단으로
모바일 버전으로 보기