728x90
 |
 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="id_aidi">아이디</div>
<div class="cl_class">클래스1</div>
<div class="cl_class">클래스2</div>
<script>
//요소(element 접근하는 메소드 정리)
// getElementsByTagName 메소드는 xml 문서 다룰때 쓰면 유용
var v_divs=document.getElementsByTagName("div"); // 태그이름으로 접근
v_divs[2].innerHTML = "앗녕 만세";
// 최근 많이 쓰는 메소드 , css의 selector 문법을 이용해서 선택, jQuery방식 모방한 메소드
console.log(document.querySelector("#id_aidi")); // querySelector는 1개만 선택가능
console.log("==============================");
console.log(document.querySelectorAll(".cl_class"));
console.log(document.querySelectorAll("div"));
</script>
</body>
</html>
'화면구현 > HTML' 카테고리의 다른 글
| ckeditor, cdn (0) | 2020.07.22 |
|---|---|
| [php] 파일업로드 (0) | 2020.07.22 |
| target (0) | 2020.07.15 |
| 서버모방/jsp흉내만 (0) | 2020.07.10 |
| 타자연습프로그램 (0) | 2020.07.10 |