JS - HTML접근

HTML 접근

	let f = document.myForm; // form은 이런식으로 접근 가능	
	
	// form을 이용해서 form 아래의 입력 객체를 이릅으로 접근
	// 폼.입력객체이름
	var name = f.name.value;
	
	// 객체의 이름(name) 속성을 이용하여 접근
	var birth = document.getElementsByName('birth')[0].value;
	
	// id 속성 접근
	var age = document.getElementById('age').value;
	
	var s = name+','+birth+','+age;
	
	var obj;
	
	//태그로 접근
	//obj = document.getElementsByTagName('div')[0];
	
	//class 속성의 속성값으로 접근
	//obj = document.getElementsByClassName('layout')[0];
	
	//선택자로 접근(해당 선택자의 첫번쨰 요소)
	obj = document.querySelector('.layout');
	
	obj.innerHTML = s;