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

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