customElement를 사용하지 않고 사용자 지정 HTML 태그를 만드는 방법은 무엇입니까?

Firefox 용 JavaScript에서 맞춤 HTML 태그를 만들어야합니다. customElement.define()은 Firefox에서 사용할 수있는 기본 클래스가 아니므로 사용할 수 없습니다.customElement를 사용하지 않고 사용자 지정 HTML 태그를 만드는 방법은 무엇입니까?

나는 document.registerElement을 사용하려고하는데, 제대로 이해하지 못한다고 생각합니다.

내 코드가 잘못되었습니다.

var My_weird_img = document.registerElement('weird-img', { 
    prototype: Object.create(HTMLElement.prototype) 
}); 

My_weird_img.textContent = "I am a B img";

출처

2016-08-25 Lucia

당신이하는 일은 요소의 텍스트 내용을 설정하지 않는 변수 값을 변경하는 것입니다. 당신이 값의 설정하기 전에 먼저 요소를 잡아 필요,이
HTML을 시도해보십시오

<body> 
    <weird-img>Ths is only a test</weird-img> 
    </body>

자바 스크립트 :

var My_weird_img = document.registerElement('weird-img', { 
prototype: Object.create(HTMLElement.prototype) 
}); 

document.getElementsByTagName("weird-img")[0].textContent;

가 JSBin 에서 코드 here을 확인 전체 기사를 here

출처

2016-08-25 20:01:43

Fady !! 감사합니다! – Lucia

customElement를 사용하지 않고 사용자 지정 HTML 태그를 만드는 방법은 무엇입니까?

답변

관련 문제