<body>
<!--
access attribute
id : 1개 -> value, 기능(체크박스)
class : 다수 -> css
name : 다수 -> value
-->
<p id="pid">p tag id pid</p>
<br>
<p class="pclass">p tag class pclass</p>
<br>
<h3 class="pclass">h3 tag class pclass</h3>
<br>
<p name= "pname">p tag name pname</p>
<br>
<button type="button" onclick="func()">button</button>
<br>
<input type="text" id="str" name="str">
<script type="text/javascript">
function func() {
//id
/* let text = document.getElementById("pid").innerHTML;
document.getElementById("str").value = text; */
//class
//1. 다중사용한 클래스일 경우 뒤에 원하는 인덱스 번호를 입력해야함
/* let text = document.getElementsByClassName('pclass')[1].innerHTML;
document.getElementById("str").value = text; */
//name
let text = document.getElementsByName('pname')[0].innerHTML;
document.getElementById("str").value = text;
}
</script>
</body>카테고리 없음