본문 바로가기

웹 프로그래밍/JavaScript

[JS] 태그 가져오기(1) getElementById('id') VS getElementByTagName('td')

ID는 문서 내 하나이기 때문에 딱 하나의 값만 가져온다.

	window.onload = function() {
		let idTag = document.getElementById('id')
		idTag.parentNode.removeChild(idTag)
		// idTag.remove() ==> explore에서는 작동하지 않음.
	}

태그는 여러개일 수 있다. 따라서 배열로 가져온다.

	window.onload = function() {
		 var tags = document.getElementsByTagName('td')
		 console.log(tags)
		 tags[0].innerHTML = '아이디'
		 
		 // let nodes = document.querySelector('td')
		 // 왜 td 태그 중 첫번째 요소만 나오냐? 그게 특징이야.
		 let nodes = document.querySelectorAll('td')
		 console.log(nodes)
		 nodes[1].innerText = '패스워드'
	}