결론적으로 div에 name 속성은 사용할 수 없다. 

 

name 속성은 다음과 같은 태그에만 사용할 수 있다. 

Elements Attribute
<button> name
<fieldset> name
<form> name
<iframe> name
<input> name
<map> name
<meta> name
<object> name
<output> name
<param> name
<select> name
<textarea> name

 

 

 

HTML5부터는 데이터 속성이라는 개념이 추가되었는데, HTML 요소의 'data-'로 시작하는 속성이다. 

그 div에서 name 속성 같은 기능을 사용하고 싶다면 데이터 속성을 사용하면 된다. 

<div data-*="value" >

 

 

사용 예시)

<div id="divId" data-name="divName" data-value="divValue">text</div>

 

$(selector).data(name); //출력
$(selector).data(name, value); //입력


//셀렉트
$("[data-name=divName]");

//값출력
$("[data-name=divName]").data("value");

//값셋팅
$("[data-name=divName]").data("value","dataValue2");


//해당 data속성을 지우기 위해서는 removeData를 이용하여 제거할 수 있다.
$("[data-name=divName]").removeData("value");

 

 

 

 

 

참고 사이트

https://www.w3schools.com/tags/att_name.asp

https://www.dofactory.com/html/div/data

https://hsj306.tistory.com/49

 

 

+ Recent posts