javascript registerElement 사용법

Question

최근에 발견됨 document.registerElement 요소에 HTML 및 JS 코드 묶음을 캡슐화 할 수 있다는 것이 좋습니다. I 예를 들어 부트 스트랩 모달 될 것 요소를 만드는 방법 :

<bootstrap-modal> 
<modal-header></modal-header> 
<modal-body></modal-body> 
</bootstrap-modal> 

대신 모달 필요한 HTML을 많이 삽입. 그리고 드롭 다운 하나 필요 : 그런 요소를 선언하는이 좋은

<dropdown> 
<option href=""></option> 
</dropdown> 

를? 그렇다면이 방법이 일반적으로 사용되지 않는 이유는 무엇입니까? 대부분의 웹 사이트에서 나는 div 클래스를 많이 본다. 많은 클래스가있다.

Answer 1

네, 그런 요소를 선언하는 것이 좋다.

대부분의 브라우저가 don't implement it yet이기 때문에 일반적으로 사용되지 않습니다. 다른 브라우저에서 작동하게하려면 there's a polyfill을 입력하십시오.

곧 사용자 지정 요소가 HTLM Living Standards에 통합되어 변경 될 예정입니다.

첫 번째 맞춤 요소를 만드는 좋은 출발점은 this article about Custom Elements v1 *입니다.

* 참고 :registerElement가 defineElement라는 새로운 기능에 의해 대체되고, 당신이 그것을 작동하도록 적어도 크롬 v53이 필요합니다.