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

[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)

분류 제목
Form JS - Forms - 폼양식 유효성 제어
DOM JS - Document - 문서객체
DOM JS - Element Selector - 주요 요소선택자 (= 객체찾기) ※ JS외부링크호출 주의사항
DOM_Document JS - Document 객체 - 웹문서 객체의 속성/메서드 종류 (= document객체 = 다큐먼트객체)
DOM_Element JS - Element 객체 - 요소객체 (속성 + 메서드) 종류
DOM_Document JS - getElementById() 메서드 ★★★ - 아이디선택자 (= 아이디로 요소얻기 = 아이디로 요…
DOM_Document JS - getElementsByClassName() 메서드 ★★ - 클래스선택자 (= 클래스명선택자 = 클…
DOM_Document JS - getElementsByName() 메서드 ★ - 네임선택자
DOM_Document JS - getElementsByTagName() 메서드 ★ - 태그선택자 (= 요소선택자 = getElem…
DOM_Document JS - querySelector() 메서드 ★ - 쿼리선택자 (= 문서 안 지정 선택자 중 첫번째 것만 =…
DOM_Document JS - querySelectorAll() 메서드 ★★★ - 일치요소 모두 선택 (= querySelecto…
DOM_Element JS - getElementsByClassName() 메서드 - 클래스선택자 (= 클래스명선택자 = 클래스이…
DOM_Element JS - getElementsBy태그Name() 메서드 - 태그선택자 (= 요소선택자 = 태그명선택자 = 태…
DOM_Element JS - querySelector() 메서드 ★ - 쿼리선택자 (= 요소 안 지정 선택자 중 첫번째 것만) …
DOM_Element JS - querySelectorAll() 메서드 - Element객체의 쿼리선택자_전부 (= 쿼리선택자_모…
HTML_Objects JS - <body> 객체 ★ - 문서영역 (= body태그 = body요소 = 본문영역 = 바디태그 = 보…
CSS_Objects JS - parentRule 속성 - CSS 선택자 및 선언내용 반환 (= 패런트룰 속성) (IE9+)
목록
찾아주셔서 감사합니다. Since 2012