お名前 学習歴 jsへの思い

はじめに

今日学んで欲しいこと

Lesson1

クラスとIDと、タグを指定してDOMが取得できる

やってみよう https://jsfiddle.net/

document.getElementById 
document.getElementsByClassName 
document.getElementsByTagName

クラス名を指定して要素を取得する(結果は配列で返ってくる)

  1. idで取得してみよう
  2. タグで取得してみよう
<!DOCTYPE html>
<html>
	<body>
	
		<h2>JavaScript in Body</h2>
		
		<p class="company">X-HACK</p>
		<p class="company">X-HACK</p>
		<p class="company">X-HACK</p>
		<p class="company">X-HACK</p>
		
		<script>
			document.getElementsByClassName("company")[0].innerHTML = "Just do it";

			// let companies = document.getElementsByClassName("company");
		  
			// companies[0].innerHTML = "Just do it";

			for (let i=0; i<companies.length; i++) {
			   companies[i].innerHTML = "Just do it";
			}
		</script>
	
	</body>
</html>