html의 name 속성은 form에서 제한적으로 사용된다.

2022-09-15 • infoqoch •

frontend

•

frontend

name 속성(attribute)이 form에서만 사용된다.

dom에서 특정 태그의 name 속성을 다루고자 하였으나 실패하였다.
해당 코드는 아래와 같다.

<html><meta charset="utf-8">
<div id="target" name="find_me" ></div>
<input type="radio" name="test" id="testInput" />
</html>
<script>
    const target = document.querySelector("#target");
    log(target.name === undefined); // true

    const radio = document.querySelector("#testInput");
    log(radio.name === 'test'); // true
</script>

그 이유는 단순했다. name 속성은 주로 form의 하위 태그에만 존재한다. 구체적인 내용은 w3schools 사이트 (https://www.w3schools.com/tags/att_name.asp) 에서 확인하자.
해당 태그에서 지원하지 않는 속성은 dom에서 추출되지 않는다.