- 아메리카노
- 카페라떼
- 카푸치노
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 += " "
}
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 |