- getElementsByTagName 메소드는 값을 객체로 받아오기 때문에(HTMLCollection(3) [p, p, p])
- target.getAttribute -> X
- target[i].getAttribute -> O
<body>
<div>
<p data-topic-name="discussion">General discussion</p>
<p data-topic-name="bugs">Bugs</p>
<p data-topic-name="animals">Animals</p>
</div>
</body>
<script>
function newMessage() {
let target = document.getElementsByTagName('p');
console.log(target); // HTMLCollection(3) [p, p, p]
let success = target[0].getAttribute('data-topic-name');
console.log(success); // discussion
let error = target.getAttribute('data-topic-name');
console.log(error); // Uncaught TypeError: target.getAttribute is not a function
}
newMessage();
</script>'오류 모음' 카테고리의 다른 글
| [기타 오류] javascript 파일 이름 띄어쓰기 X (0) | 2021.08.04 |
|---|---|
| [html 오류] id와 함수명 같을때 (form태그, input태그) (0) | 2021.08.02 |