HTML5 연구 노트 간결 버전(11): 새로운 API

HTMLDocument의 확장

HTML5는 DOM 레벨 2 HTML에서 일부 HTMLDocument 인터페이스를 확장합니다. 이러한 인터페이스는 Document 인터페이스를 구현하는 모든 요소 개체에서 구현됩니다. HTML5에는 다음과 같은 몇 가지 새로운 멤버도 추가되었습니다.

getElementsByClassName(): 클래스 클래스를 사용하여 요소를 얻습니다. 이 메소드는 클래스 매개변수와 일치하는 클래스 속성 및 값을 가진 모든 요소 및 Document 객체를 쿼리하는 데 사용할 수 있습니다. (예: SVG 및 MathML)

innerHTML: HTML/XML 문서를 구문 분석하고 직렬화하는 방법입니다. 이 속성은 이전 버전의 브라우저에서는 HTMLElement만 지원했으며 이제는 HTMLDocument를 지원하지 않습니다.

activeElement 및 hasFocus: 어떤 요소가 현재 포커스 요소인지, 문서에 자체 포커스가 있는지 여부를 선언합니다.

HTMLElement의 확장

HTML5에서는 일부 확장이 HTMLElement 인터페이스에 추가되었습니다.

getElementsByClassName(): HTMLDocument에 있는 동일한 이름의 확장과 동일합니다. .범위만 다릅니다.

innerHTML: 현재 대부분의 브라우저(XML 콘텐츠 포함)에서 지원됩니다.

classList: className의 접근자입니다. 이 객체는 요소의 클래스를 조작하기 위한 (contains(), add(), Remove() 및 Toggle()) 메소드를 제공합니다. a, Area 및 link 요소에는 rel 속성을 작동하는 동일한 기능을 제공하는 유사한 속성 접근자 relList도 있습니다.

위 내용은 HTML5 연구 노트(11)의 간략한 버전입니다. 새로운 API의 내용에 대한 자세한 내용은 PHP 중국어 웹사이트(www.php.cn)를 참고하세요!