]와 같이 [data-]를 접두사로 사용하여 필수 속성을 정의하여 사용자 정의 속성을 설정하는 기능을 제공합니다. ."> html5의 사용자 정의 속성 소개-H5 튜토리얼-php.cn
简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집> 웹 프론트엔드> H5 튜토리얼> 본문

html5의 사용자 정의 속성 소개

王林
풀어 주다： 2020-03-21 17:54:24
앞으로
2654명이 탐색했습니다.

html5의 사용자 정의 속성 소개

Definition

H5는 사용자 정의 속성을 설정하는 데 필요한 속성을 정의하기 위해 접두사로 "data-"를 제공합니다.
로그인 후 복사

(권장 튜토리얼:H5 tutorial)

Get

H5 사용자 정의 속성 개체 데이터 세트를 사용하여

let box1 = document.getElementById('box1'); let box2 = document.getElementById('box2'); box1.dataset.name // Musk box2.dataset.fullName // Elon Musk (驼峰) box1.getAttribute('data-name') // Musk box2.getAttribute('data-full-name') // Elon Musk
로그인 후 복사

Set

let box1 = document.getElementById('box1'); let box2 = document.getElementById('box2'); box1.dataset.name = '马斯克' box2.setAttribute('data-full-name', '埃隆 马斯克')
로그인 후 복사

을 얻으세요. 권장 관련 비디오 튜토리얼:html5 비디오 튜토리얼

위 내용은 html5의 사용자 정의 속성 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
html5 自定义属性
원천：jb51.net
이전 기사：프런트 엔드 보안에 대한 자세한 소개 및 예방 방법 다음 기사：h5 페이지 란 무엇입니까?
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
Javascript를 사용하여 HTML5의 필수 속성을 설정하는 방법은 무엇입니까? Javascript에서 필요에 따라 텍스트 입력 상자를 표시하려고 합니다.
에서 2023-10-13 08:52:25
0
2
317
정확한 마우스 좌표를 얻지 못하는 문제: 페이지 크기를 조정할 때 HTML5 캔버스 사용 저는 프론트엔드 전문가로부터 이 픽셀 효과를 만들고 싶습니다. 전체 화면 캔버스에서 전체 픽셀 효과를 얻을 수 있지만: constcanvas=getElementB...
에서 2023-09-12 12:20:33
0
1
280
Base64로 인코딩된 HTML5 비디오 M3U8 HTML5의 비디오 태그에 base64로 인코딩된 M3U8 파일을 추가하고 싶은데 어떻게 해야 하나요?
에서 2023-09-09 23:07:18
0
1
247
vue.js/bootstrap: onclick 이벤트 메소드가 호출되지 않았습니다. 오류 "변수를 찾을 수 없음: updateDocument" 저는 프런트 엔드 개발이 처음이지만 HTML5, CSS 및 Javascript에 대한 기본적인 이해가 있습니다. vue.js 프로젝트를 만들고 bootstrap과...
에서 2023-09-09 20:06:48
0
1
362
XHTML의 이미지 태그에서 닫는 슬래시 '/'를 제거합니다. 이미지를 저장하는 문자열 txt1이 있습니다. 해당 값은 XHTML 형식입니다. 즉, 요소가 닫혀 있습니다. 하지만 닫는 슬래시를 제거해야 HTML5와 같을 수 ...
에서 2023-09-06 12:15:38
0
1
240
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！