• 아메리카노
  • 카페라떼
  • 카푸치노

function choice() {
	let ul=document.getElementsByTagName("ul");	// 요소명
	let text="";
	
	for(i=0; i<ul[0].getElementsByTagName("li").length; i++){
		text += ul[0].getElementsByTagName("li")[i].innerHTML;
		text += "&nbsp;&nbsp;"
	}
	document.getElementById("area").innerHTML = text;
}

// <body>
<ul>
	<li>아메리카노</li>
	<li>카페라떼</li>
	<li>카푸치노</li>
</ul>
<button type="button" onclick="choice()">click</button><br />
<div id="area"></div>

'box > javascript+' 카테고리의 다른 글

getElementsByClassName("class명")  (0) 2022.07.02
getElementById("id명")  (0) 2022.07.02
form 이벤트 - onfocus / onblur  (0) 2022.06.30
프레임/객체 이벤트 - onload  (0) 2022.06.30
키보드 이벤트 - keyup  (0) 2022.06.30