[Javascript] element 요소가 있는 지 확인

2021. 7. 6. 19:15· FE/Javascript
반응형

안녕하세요

 

이번엔 알게 된 element 요소가 있는 지 검사하는 방법을 알려드리겠습니다.

 


<html>
    <body>
        <input type="text" id="txt1"></input>
        <script>
            var txt1Check = !!document.getElementById("txt1");
            var txt2Check = !!document.getElementById("txt2");
            
            console.log("txt1Check : "+txt1Check);
            console.log("txt2Check : "+txt2Check);
        </script>
    </body>
</html>

위 소스와 같이 document.getElementById() 앞에 !!(느낌표 2개)를 붙여주면

해당 요소가 있을 경우 true 반환, 없을 경우 false를 반환합니다.

 

출력결과

txt1Check : true
txt2Check : false

 

반응형

'FE > Javascript' 카테고리의 다른 글

[Javascipt] 변수 선언 방식 (var, let, const)  (0) 2022.05.12
[Javascript] A window.confirm() dialog generated by this page was suppressed because this page is not the active tab of the front window 해결방법  (0) 2021.10.26
[Javascript] Select Option Value속성 말고 다른 속성 사용하기  (0) 2021.06.19
[오류 해결]SCRIPT87:잘못된 인수입니다.  (0) 2021.05.14
[Javascript] 팝업 열기 및 크기 조절  (0) 2021.05.13
'FE/Javascript' 카테고리의 다른 글
  • [Javascipt] 변수 선언 방식 (var, let, const)
  • [Javascript] A window.confirm() dialog generated by this page was suppressed because this page is not the active tab of the front window 해결방법
  • [Javascript] Select Option Value속성 말고 다른 속성 사용하기
  • [오류 해결]SCRIPT87:잘못된 인수입니다.
멍목
멍목
개발 관련 새롭게 알게 된 지식이나 좋은 정보들을 메모하는 공간입니다.
반응형
멍목
김멍목의 개발블로그
멍목
전체
오늘
어제
  • 분류 전체보기 (514)
    • BE (190)
      • Spring (21)
      • Java (141)
      • Kotlin (6)
      • JPA (22)
    • FE (33)
      • Javascript (16)
      • Typescript (0)
      • React (5)
      • Vue.js (9)
      • JSP & JSTL (3)
    • DB (32)
      • Oracle (22)
      • MongoDB (10)
    • Algorithm (195)
    • Linux (8)
    • Git (6)
    • etc (42)
    • ---------------------------.. (0)
    • 회계 (4)
      • 전산회계 2급 (4)
    • 잡동사니 (2)

블로그 메뉴

  • 홈
  • 관리

공지사항

인기 글

태그

  • 자바 개발자를 위한 코틀린 입문
  • 자기 개발
  • Oracle
  • 프로젝트로 배우는 Vue.js 3
  • JPA 공부
  • 코테 공부
  • 자바공부
  • MongoDB with Node.js
  • Effective Java
  • 알고리즘 공부
  • 전산회계 2급 준비
  • 자기개발
  • MongoDB 공부
  • vue3 공부
  • Java to Kotlin
  • MongoDB 기초부터 실무까지
  • 이펙티브자바
  • 자바 테스팅 프레임워크
  • 이펙티브 자바
  • 코틀린
  • java 8
  • JPA
  • 코테공부
  • 더 자바 Java 8
  • 자바 공부
  • junit5
  • 알고리즘공부
  • 더 자바 애플리케이션을 테스트하는 다양한 방법
  • 자기공부
  • 자기 공부

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.2.0
멍목
[Javascript] element 요소가 있는 지 확인
상단으로

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.