Sam: /* 자바스크립트 코드에서 받기 */

2022-08-02T08:12:04Z

자바스크립트 코드에서 받기

← 이전 판		2022년 8월 2일 (화) 08:12 판
1번째 줄:		1번째 줄:
	{{Javascript}}		{{Javascript}}

	== 개요 ==		==개요==
	DOM 요소로부터 데이터를 받기 위한 기능. <code>data-변수명='넣을데이터'</code> 형태이다.		DOM 요소로부터 데이터를 받기 위한 기능. <code>data-변수명='넣을데이터'</code> 형태이다.

	=== 자바스크립트 코드에서 받기 ===		===자바스크립트 코드에서 받기===
	{\| class="wikitable"		{\| class="wikitable"
	\|+		\|+
11번째 줄:		11번째 줄:
	\|-		\|-
	\|JQuery		\|JQuery
	\|<syntaxhighlight lang="jquery">		\|요건 작동 안하더라. 수정 필요.<syntaxhighlight lang="jquery">
	데이터=$(this).data("변수명");		데이터=$(this).data("변수명");
	console.log(데이터);		console.log(데이터);

Sam: 새 문서: {{Javascript}} == 개요 == DOM 요소로부터 데이터를 받기 위한 기능. `data-변수명='넣을데이터'` 형태이다. === 자바스크립트 코드에서...

2022-08-02T07:30:54Z

새 문서: {{Javascript}} == 개요 == DOM 요소로부터 데이터를 받기 위한 기능. <code>data-변수명='넣을데이터'</code> 형태이다. === 자바스크립트 코드에서...

새 문서

{{Javascript}}

== 개요 ==
DOM 요소로부터 데이터를 받기 위한 기능. <code>data-변수명='넣을데이터'</code> 형태이다.

=== 자바스크립트 코드에서 받기 ===
{| class="wikitable"
|+
!의도
!예시코드
|-
|JQuery
|<syntaxhighlight lang="jquery">
데이터=$(this).data("변수명");
console.log(데이터);
</syntaxhighlight>
|-
|javascript
|<syntaxhighlight lang="javascript">
var input=document.querySelector('#태그아이디');
console.log(input.dataset); //사전형으로 저장되어 있는 데이터셋을 모두 볼 수 있다.
console.log(input.dataset['키']) // 특정 키로 접근하고 싶은 경우.
</syntaxhighlight>
|}
해당 값을 변경하면 DOM 요소에도 변경된 것이 담긴다.

Javascript:HTML로부터 데이터 받기 - 편집 역사

Sam: /* 자바스크립트 코드에서 받기 */

Sam: 새 문서: {{Javascript}} == 개요 == DOM 요소로부터 데이터를 받기 위한 기능. data-변수명='넣을데이터' 형태이다. === 자바스크립트 코드에서...

Sam: 새 문서: {{Javascript}} == 개요 == DOM 요소로부터 데이터를 받기 위한 기능. `data-변수명='넣을데이터'` 형태이다. === 자바스크립트 코드에서...