<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>비표준 속성</title>
</head>
<body>
<li class="list" data-ino="li_last" data-itemCategory="litop"></li>
<script>
let li_last_tag = document.querySelectorAll('.list');
console.log(li_last_tag); //NodeList
console.log(li_last_tag[0].dataset.ino); //0번지의 ino값 : li_last
let liLast = li_last_tag[0].dataset.ino; //0번지의 ino값 : li_last
console.log(liLast);
console.log(li_last_tag[0].dataset.itemcategory);
// 대문자로 작성해도 소문자로 읽음 = 소문자 작성하세요(대문자x)
// 0번지의 itemcategory값: litop
</script>
</body>
</html>
'HTML.CSS.JS > JS' 카테고리의 다른 글
| [JS] day13_BOM (window.innerHeight/window.innerWidth) (0) | 2023.04.20 |
|---|---|
| [JS] day13_fetch json데이터 가져와서 원하는 모양으로 출력하기 (0) | 2023.04.20 |
| [JS] day13_async_promiseChain 데이터 가져오기 2 (0) | 2023.04.20 |
| [JS] day13_async_await 데이터 불러오기 (0) | 2023.04.20 |
| [JS] 구구단 ( 문제 출력 -> 맞추기 -> 결과 출력 ) (0) | 2023.04.20 |