유블로그

[JavaScript] DOM 탐색 본문

JavaScript & jQuery

[JavaScript] DOM 탐색

yujeong kang 2020. 9. 10. 16:49 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>DOM 탐색</title>
</head>
<body>
	<span id="div1">id가 div1인 span 영역</span>
	<div>div 영역</div>
	<span name="div3">name이 div3인 span 영역</span>
	<span class="div4">class가 div4인 span 영역</span>
	
	<script type="text/javascript">
	var element1 = document.getElementById("div1");
	var element2 = document.getElementsByTagName("div")[0];
	var element3 = document.getElementsByName("div3")[0];
	var element4 = document.getElementsByClassName("div4")[0];
	
	console.log(element1.innerHTML);
	console.log(element2.innerHTML);
	console.log(element3.innerHTML);
	console.log(element4.innerHTML);
	</script>
</body>
</html>

'JavaScript & jQuery' 카테고리의 다른 글

[jQuery] DOM 요소 필터링 - 필터선택자  (0) 2020.09.11
[jQuery] DOM 속성 탐색 - 속성선택자  (0) 2020.09.10
[jQuery] DOM 계층구조 탐색 선택자  (0) 2020.09.10
[jQuery] DOM 요소 탐색 - 요소선택자  (0) 2020.09.10
[jQuery] DOM 탐색  (0) 2020.09.10
'JavaScript & jQuery' Related Articles more