• 회원가입
  • 로그인
  • 구글아이디로 로그인

[DOM_Document] JS - getElementsByName() 메서드 ★ - 네임선택자

document.getElementsByName() 예제

 

site: <input name="hz" type="text" value="홈짱닷컴"></br>

host: <input name="hz" type="text" value="Homzzang.com"></br>


<button onclick="homzzang()">클릭</button>


<p id="demo"></p>


<script>

function homzzang() {

  var x = document.getElementsByName("hz")[0].tagName;

  document.getElementById("demo").innerHTML = x;

}

</script>

 

결과보기

 

 

document.getElementsByName() 예제

 

<input type="text" class="a" name="a" onkeyup="homzzang()"> 

<input type="text" class="b" name="b" onkeyup="homzzang()">

<textarea name="c" rows="8" cols="80"></textarea>

 

<script>

function homzzang() {

    var a = document.getElementsByName('a')[0].value;

    var b = document.getElementsByName('b')[0].value;

    var res = a + "\n" + b;

    document.getElementsByName('c')[0].value = res;

}

</script>

 

eyekiss 님 (190918) https://sir.kr/qa/323741


방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
DOM_Event JS - paste -
DOM_Event JS - pause -
DOM_Event JS - play -
DOM_Event JS - playing -
DOM_Event JS - popstate -
DOM_Event JS - progress -
DOM_Event JS - ratechange 이벤트 - 재생 속도 변경 이벤트 (= ratechange이벤트 = 레이트체인지…
DOM_Event JS - resize 이벤트 (= onresize 속성) - 윈도우 창크기 변경 조정 (= resize이벤트…
DOM_Event JS - reset -
DOM_Event JS - scroll 이벤트 (= onscroll 속성) ★ - 스크롤이벤트
DOM_Event JS - search 이벤트 (= onsearch 속성) - 검색이벤트 (IE와 FireFox는 지원 X)
DOM_Event JS - seeked -
DOM_Event JS - seeking -
DOM_Event JS - select 이벤트 (onselect 속성) = 텍스트 선택 (= select이벤트 = 실렉트이벤트…
DOM_Event JS - show 이벤트 (= onshow 속성) - <menu> 요소가 상황에 맞는 메뉴로 표시 될 때 발…
DOM_Event JS - stalled 이벤트 - 브라우저가 미디어 데이터 사용 불가 시 실행. (= 스톨드 이벤트)
DOM_Event JS - storage -
DOM_Event JS - submit 이벤트 (= onsubmit 속성) - 제출/전송 이벤트 (= 서브밋 이벤트 = 서브미…
DOM_Event JS - suspend 이벤트 (onsuspend 속성) - 브라우저가 의도적으로 미디어 데이터 안 가져올 …
DOM_Event JS - timeupdate 이벤트 - 오디오/비디오 재생 위치 변경 발생 (= timeupdate이벤트 =…
34/67
목록
찾아주셔서 감사합니다. Since 2012