> 웹 프론트엔드 > HTML 튜토리얼 > getElementsByClassName()을 사용하는 방법은 무엇입니까? getElementsByClassName() 인스턴스 사용법 요약

getElementsByClassName()을 사용하는 방법은 무엇입니까? getElementsByClassName() 인스턴스 사용법 요약

巴扎黑
풀어 주다: 2019-11-28 09:16:45
원래의
9047명이 탐색했습니다.

앞서 HTML5에 querySelector(), querySelectorAll() 및 getElementsByClassName()이라는 새로 추가된 선택기를 소개했습니다. 이 세 가지에는 고유한 기능이 있으며 필요한 경우 HTML5 실제 전투 및 분석에서 관련 내용을 읽을 수 있습니다. 오늘은 classList 속성을 소개하겠습니다. ​

classList 속성의 역할은 정확히 무엇인가요? 지금은 classList를 그대로 두겠습니다. 우리는 여러 클래스 이름이 있는 요소 중에서 클래스 이름 중 하나를 어떻게 삭제합니까?라는 질문을 고려합니다. Menglong은 머리를 싸매고 마침내 이를 달성할 수 있는 방법을 생각해 냈습니다.

li, meng, long 세 가지 클래스 이름 중에서 클래스 이름 meng을 삭제합니다.

코드는 다음과 같습니다 re
HTML代码
<p class="li meng long">梦龙小站</p>  
JavaScript代码
//获取要删除类名meng的p
var
로그인 후 복사
e

1.

Html5 실제 전투 및 클래스 목록 속성 분석

getElementsByClassName()을 사용하는 방법은 무엇입니까? getElementsByClassName() 인스턴스 사용법 요약

간략한 소개:

이전에 HTML5의 새로운 선택 장치 중 일부를 소개했습니다. querySelector(), querySelectorAll() 및 getElementsByClassName(). 이 세 가지에는 고유한 기능이 있습니다. 필요한 경우 Html5 실제 전투 및 분석에서 관련 내용을 읽을 수 있습니다. 오늘은 classList 속성을 소개하겠습니다.

2.

HTML5 실제 전투 및 CSS 선택기 분석 - getElementsByClassName() 메서드

getElementsByClassName()을 사용하는 방법은 무엇입니까? getElementsByClassName() 인스턴스 사용법 요약

소개:

querySelector() 메서드 및 HTML5 rySelect orAll() 메소드는 I입니다. 이전 기사에서 소개한 바 있습니다. 얼마나 잘 이해하셨는지 궁금합니다.

여기서 검토해 보겠습니다. querySelector() 메서드는 전달된 CSS 선택기와 일치하는 첫 번째 요소를 반환합니다. NodeList 객체인 전달된 CSS 선택기와 일치합니다.

간단한 검토 후 새로운 메소드인 getElementsByClassName() 메소드를 공유하겠습니다.

【권장 관련 질문 및 답변】:

javascript - getElementsByClassName() 배열의 첨자를 얻는 방법은 무엇입니까?

javascript - 다음 코드에서는 ID를 class

로 변경할 수 없는 이유는 무엇입니까?

위 내용은 getElementsByClassName()을 사용하는 방법은 무엇입니까? getElementsByClassName() 인스턴스 사용법 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿