ID 및 클래스 외에 모든 HTML 요소에 대한 일반적인 속성이 있습니까?
-
07-07-2019 - |
문제
필요한 정보를 저장하는 데 사용할 수있는 태그처럼? 그러나 실제로 HTML이 필요하거나 사용하지 않습니까? Visual Basic의 객체의 태그 속성처럼 작동합니까?
해결책
html5까지 HTML 5를 사용하면 이에 대한 조항이 있습니다. data-*
기인하다.
예를 들어:-
<div id="myStuff" data-mydata="here is my data">
현재 기술에는이를 수행 할 "공식적인"이 없습니다. 그러나 모든 브라우저는 HTML 요소에 임의 속성을 추가 할 수 있으므로 HTML4에서는 다음을 수행 할 수 있습니다.
<div id="myStuff" data-mydata="here is my data">
볼 수 있듯이 동일하지만 비교적이지 않은 것은 아니며 엄격한 XHMTL 준수는 "파손"으로 간주됩니다.
다른 것과 마찬가지로 속성에 액세스 할 수 있습니다.
var mydata = document.getElementById("myStuff").getAttribute("data-mydata");
다른 팁
아마도 html5를 사용할 수 있습니다 데이터-* 속성? HTML4에서 유효성 검사에 실패하지만 여전히 최선의 선택 일 것입니다 ...
JavaScript에서 사용할 데이터를 저장하는 경우 JQuery의 메타 데이터 플러그인과 같은 것을 사용할 수도 있습니다. 기본적으로 요소의 클래스 내에 데이터를 저장할 수 있습니다.
<div id="aaa" class="class1 class2 class3 { type: 'food', color: 'green' }"></div>
그런 다음 JavaScript에서 :
alert($('#aaa').metadata().color) // "green"
다른 키트는 제목 또는 Rel 속성을 사용하여 데이터를 저장합니다. 이것은 더 검증 친화적이지만, 비표준 속성을 사용하는 것에 대한 Anthonywjones의 대답을 사용하는 것보다 더 나을 수도 있습니다. "브레이크"검증이지만 다시 한 번 도조, 사용자 정의 속성은 DTD에 대해 검증되지 않더라도 완벽하게 유효합니다.
따라서 아니요 - 모든 데이터를 덤프 할 수있는 잘 받아 들여지는 특정 속성이 없습니다. 모든 기존 속성은 특정 용도입니다. 그러나 당신은 1) 자신의 속성을 만들거나 2) 기존 태그를 COOPT에 목적으로 재사용 할 수 있습니다. 대안을 지적하고 싶었습니다.
중고 속성에 대해서는 www.htmlref.com 또는 W3C를 살펴보십시오.
자신만의 추가 할 수있는 것 외에는 렌더링되며 C#의 코드를 통해 액세스 할 수 있습니다. CONTOLS 속성 수집에 액세스 할 수 있습니다.
Attributes [ "MyCustomAttribute"] = "Hello World";