자바스크립트 Attr 속성 추가 ,삭제, 조회하기 > Html & Script

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


회원로그인

오늘 47
어제 380
최대 618
전체 400,368
마음을 나누는 인터넷 일기장 - 통플 다이어리
Html & Script

자바스크립트 Attr 속성 추가 ,삭제, 조회하기

페이지 정보

작성자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일16-09-29 23:13 조회7,641회 댓글0건

본문

<!DOCTYPE html>

<html lang="ko">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    

    <script>

        /*

            엘리먼트의 속성을 추가/변경/삭제/조회하기

                - 속성의 추가 : 엘리먼트에 새로운 속성과 속성값을 추가한다.

                    el.setAttribute(속성명, 속성값);

                - 속성의 변경 : 엘리먼트에 지정된 속성명을 새로운 속성값으로 바꾼다.

                    el.setAttribute(속성명, 속성값);

                - 속성의 삭제 : 엘리먼트에서 지정된 송성명과 일치하는 속성을 삭제한다.

                    el.removeAttribute(속성명);

                - 속성값 조회 : 엘리먼트에서 지정된 속성명의 속성값을 가져간다.

                    el.getAttribute(속성명);

        */

        function disaledInput(){

            var input = document.getElementById("user-id");

            // input엘리먼트에 disbled="disabled" 속성 추가한다.

            input.setAttribute("disabled", "disabled");

        }

        

        function enabledInput() {

            var input = document.getElementById("user-id");

            // input엘리먼트에서 "disabled"라는 이름의 속성 삭제

            input.removeAttribute("disabled");

        }

        

        function getNameAttr() {

            var input = document.getElementById("user-id");

            var attValue = input.getAttribute("name");

            alert(attValue);

        }

        

        function getIdAttr(){

            var input = document.getElementById("user-id");

            var attValue = input.getAttribute("id");

            alert(attValue);

        }

        

    </script>

    

</head>

<body>

    <form>

        <input type="text" name="userid" id="user-id" />

    </form>

    

    <!-- input, select, textarea, button에 disabled="disabled" 속성을 추가하면 해당 엘리먼트는 비활성화 된다.-->

    <button onclick="enabledInput();">활성화</button>

    <button onclick="disaledInput();">비활성화</button>

    

    <button onclick="getNameAttr();">name 속성값 읽어오기</button>

    <button onclick="getIdAttr();">id 속성값 읽어오기</button>

</body>

</html>

 

 

 

 

[출처] http://blog.naver.com/kms4029/220561575807


추천 0

댓글목록

등록된 댓글이 없습니다.

Html & Script 목록

Total 192건 1 페이지
Html & Script 목록
번호 제목 글쓴이 날짜 조회 추천
공지 유니코드의 명칭과 속성 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 07-13 38319 38
191 [jQuery] preventDefault(), stopPropagation() 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 08-22 201 0
190 소스보기 막기 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 06-22 405 0
189 (자바스크립트) Base64 인코딩/디코딩 소스(UTF-8 지원) 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 06-20 375 0
188 jquery iframe 제어하기 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 06-08 404 0
187 [펌] Web Worker - 웹에서 멀티 쓰레드 구현하기 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 05-10 379 0
186 CSS Text & Viewport units 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12-20 876 0
185 자바스크립트 replace / 문자열 변경하기 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12-06 2526 0
184 날짜 및 시간 계산(JavaScript) 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 11-29 2853 0
183 동적으로 select의 option생성하기 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 10-21 3572 0
182 css ul li 가로 정렬 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 10-06 3209 0
열람중 자바스크립트 Attr 속성 추가 ,삭제, 조회하기 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 09-29 7642 0
180 오른쪽 마우스 클릭막기, 우클릭금지 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 09-29 3282 0
179 색상 코드표 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 09-19 2904 0
178 자바스크립트 in_array() 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 08-31 2013 0
177 (Jquery) radio checked 라디오 제어 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 07-21 2886 0
176 자바스크립트 날짜 차이 계산 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 07-13 2521 0
175 [AJAX] 1초마다 데이터 불러오기 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 04-06 3185 0
174 Load Results From Database On Page Scroll Using jQ… 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 04-06 2706 0
173 [CSS] placeholder 컬러바꾸기 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 04-06 2871 0
게시물 검색

Copyright © nuno21.net All rights reserved. 상단으로
모바일 버전으로 보기