브라이트코브 플레이어 v5.22.2

모듈: 돔

dom.js

원천:
유틸리티/dom.js

회원

<정적, 상수> $

다른 DOM 요소의 선택적 컨텍스트 내에서 선택자 와 일치하는 단일 DOM 요소를 찾습니다(기본값은 document ).

원천:
유틸리티/dom.js

<정적, 상수> $$

다른 DOM 요소의 선택적 컨텍스트 내에서 선택자 와 일치하는 모든 DOM 요소를 찾습니다(기본값은 document ).

원천:
유틸리티/dom.js

행동 양식

<공전> addElClass(요소, classToAdd)

요소에 CSS 클래스 이름 추가

매개 변수 :
이름 유형 설명
요소 요소

클래스 이름을 추가할 요소입니다.
추가할 클래스 끈

추가할 클래스 이름입니다.
원천:
유틸리티/dom.js
반환:

클래스 이름이 추가된 dom 요소.

유형
요소

<공전> appendContent(엘, 콘텐츠)

콘텐츠를 정규화하고 요소에 추가합니다.

매개 변수 :
이름 유형 설명
엘자 요소

정규화된 콘텐츠를 추가할 요소입니다.
콘텐츠 문자열 | 요소 | 텍스트노드 | 배열 | 기능

dom:normalizeContent의 내용 인수를 참조하십시오.
원천:
유틸리티/dom.js
반환:

정규화된 콘텐츠가 추가된 요소입니다.

유형
요소

<공전> blockTextSelection()

컨트롤을 드래그하는 동안 텍스트를 선택하는 기능 차단 시도

원천:
유틸리티/dom.js

<공전> createEl( [태그 이름] [, 속성] [, 속성] [, 콘텐츠])

요소를 생성하고 속성을 적용합니다.

매개 변수 :
이름 유형 논쟁 기본값 설명
태그 이름 끈 <선택 과목>
 '사업부'

생성할 태그의 이름입니다.
속성 물체 <선택 과목>
 {}

적용할 요소 속성입니다.
속성 물체 <선택 과목>
 {}

적용할 요소 속성입니다.
콘텐츠 문자열 | 요소 | 텍스트노드 | 배열 | 기능 <선택 과목>

요소의 내용(참조: dom:normalizeContent)
원천:
유틸리티/dom.js
반환:

생성된 요소입니다.

유형
요소

<공전> 비어있는 El(엘)

요소의 내용을 비웁니다.

매개 변수 :
이름 유형 설명
엘자 요소

자식을 비울 요소
원천:
유틸리티/dom.js
반환:

자식이 없는 요소

유형
요소

<공전> findElPosition(엘)

왼쪽 오프셋. John Resig의 getBoundingClientRect 기술

매개 변수 :
이름 유형 설명
엘자 요소

오프셋을 가져올 요소
원천:
유틸리티/dom.js
참조:
반환:

전달된 요소의 위치입니다.

유형
돔~포지션

<공전> getAttribute(엘, 속성)

요소의 속성 값 가져오기

매개 변수 :
이름 유형 설명
엘자 요소

DOM 요소
기인하다 끈

값을 가져올 속성
원천:
유틸리티/dom.js
반환:

속성 값

유형
끈

<공전> getEl(ID)

document.getElementById()의 약어 또한 CSS(jQuery) ID 구문을 허용합니다. 하지만 신분증 외에는 아무것도 없습니다.

매개 변수 :
이름 유형 설명
ID 끈

가져올 요소의 ID
원천:
유틸리티/dom.js
반환:

제공된 ID가 있는 요소 또는 ID가 없는 경우 null입니다.

유형
요소 | 없는

<공전> getElAttributes(태그)

HTML 태그에 정의된 대로 요소의 속성 값 가져오기 속성은 속성과 동일하지 않습니다. 태그에 정의되거나 setAttribute(HTML과 함께 사용하면 안 됨)로 정의됩니다. 이는 부울 속성에 대해 true 또는 false를 반환합니다.

매개 변수 :
이름 유형 설명
꼬리표 요소

태그 속성을 가져올 요소입니다.
원천:
유틸리티/dom.js
반환:

요소의 모든 속성.

유형
물체

<공전> getElData(엘)

요소에 대한 데이터가 저장된 캐시 객체를 반환합니다.

매개 변수 :
이름 유형 설명
엘자 요소

데이터를 저장할 요소입니다.
원천:
유틸리티/dom.js
반환:

전달된 해당 el에 대한 캐시 개체입니다.

유형
물체

<공전> getPointerPosition(엘, 이벤트)

요소에서 포인터 위치 가져오기 x 및 y 좌표가 있는 객체를 반환합니다. 좌표의 기준은 요소의 왼쪽 하단입니다.

매개 변수 :
이름 유형 설명
엘자 요소

포인터 위치를 가져올 요소
이벤트 EventTarget~이벤트

이벤트 개체
원천:
유틸리티/dom.js
반환:

마우스 위치에 해당하는 Coordinates 개체입니다.

유형
돔~좌표

<공전> hasElClass(요소, classToCheck)

요소에 CSS 클래스가 있는지 확인

매개 변수 :
이름 유형 설명
요소 요소

확인할 요소
classToCheck 끈

확인할 클래스 이름
원천:
유틸리티/dom.js
던지기:

classToCheck 에 공백이 있으면 오류가 발생합니다.

유형
오류
반환:
  • 요소에 클래스가 있으면 참
    - 그렇지 않으면 거짓.
유형
부울

<공전> hasElData(엘)

요소에 캐시된 데이터가 있는지 여부를 반환합니다.

매개 변수 :
이름 유형 설명
엘자 요소

이 요소에 캐시된 데이터가 있는지 확인하십시오.
원천:
유틸리티/dom.js
반환:
  • DOM 요소에 캐시된 데이터가 있으면 True입니다.
    - 그렇지 않으면 거짓.
유형
부울

<공전> insertContent(엘, 콘텐츠)

콘텐츠를 정규화하고 요소에 삽입합니다. 이것은 요소를 먼저 비운다는 점을 제외하고는 appendContent() 와 동일합니다.

매개 변수 :
이름 유형 설명
엘자 요소

정규화된 콘텐츠를 삽입할 요소입니다.
콘텐츠 문자열 | 요소 | 텍스트노드 | 배열 | 기능

dom:normalizeContent의 내용 인수를 참조하십시오.
원천:
유틸리티/dom.js
반환:

정규화된 콘텐츠가 삽입된 요소입니다.

유형
요소

<공전> insertElFirst(자식, 부모)

요소를 다른 요소의 첫 번째 자식 노드로 삽입

매개 변수 :
이름 유형 설명
어린이 요소

삽입할 요소
부모의 요소

자식을 삽입할 요소
원천:
유틸리티/dom.js

<공전> isEl(값)

덕 타이핑을 통해 값이 DOM 요소인지 여부를 결정합니다.

매개 변수 :
이름 유형 설명
값 혼합

확인할 사항
원천:
유틸리티/dom.js
반환:
  • DOM 요소인 경우 True
    - 그렇지 않으면 거짓
유형
부울

<공전> isReal()

현재 DOM 인터페이스가 실제처럼 보이는지 여부입니다.

원천:
유틸리티/dom.js
반환:
유형
부울

<공전> isTextNode(값)

덕 타이핑을 통해 값이 텍스트 노드인지 여부를 결정합니다.

매개 변수 :
이름 유형 설명
값 혼합

이 값이 텍스트 노드인지 확인하십시오.
원천:
유틸리티/dom.js
반환:
  • 텍스트 노드인 경우 참
    - 그렇지 않으면 거짓
유형
부울

<공전> normalizeContent(콘텐츠)

최종적으로 DOM에 삽입하기 위해 콘텐츠를 정규화합니다.

이것은 광범위한 콘텐츠 정의 방법을 허용하지만 XSS 문제인 innerHTML 에 단순히 쓰는 함정에 빠지지 않도록 보호합니다.

요소의 내용은 여러 유형 및 조합으로 전달될 수 있으며 그 동작은 다음과 같습니다.

매개 변수 :
이름 유형 설명
콘텐츠 문자열 | 요소 | 텍스트노드 | 배열 | 기능
  • 끈: 텍스트 노드로 정규화되었습니다.
    - 요소/텍스트 노드: 지나가 다.
 - 어레이: 문자열, 요소, 노드 또는 함수의 1차원 배열
   (단일 문자열, 요소 또는 노드를 반환함).
 - 기능: 유일한 인수인 경우 문자열, 요소,
   위에서 정의한 노드 또는 배열
원천:
유틸리티/dom.js
반환:

전달된 모든 콘텐츠가 정규화되었습니다.

유형
정렬

<공전> removeAttribute(엘, 속성)

요소의 속성 제거

매개 변수 :
이름 유형 설명
엘자 요소

DOM 요소
기인하다 끈

제거할 속성
원천:
유틸리티/dom.js

<공전> removeElClass(요소, classToRemove)

요소에서 CSS 클래스 이름 제거

매개 변수 :
이름 유형 설명
요소 요소

클래스 이름을 제거할 요소입니다.
제거할 클래스 끈

제거할 클래스 이름
원천:
유틸리티/dom.js
반환:

클래스 이름이 제거된 dom 요소입니다.

유형
요소

<공전> removeElData(엘)

캐시에서 요소에 대한 데이터를 삭제하고 getElementById에서 guid 속성을 삭제합니다.

매개 변수 :
이름 유형 설명
엘자 요소

이 요소에 대해 캐시된 데이터를 제거합니다.
원천:
유틸리티/dom.js

<공전> setAttribute(el, 속성, 값)

요소의 속성 값 설정

매개 변수 :
이름 유형 설명
엘자 요소

DOM 요소
기인하다 끈

설정할 속성
값 끈

속성을 설정할 값
원천:
유틸리티/dom.js

<공전> setElAttributes(el [, 속성])

HTML 요소에 속성을 적용합니다.

매개 변수 :
이름 유형 논쟁 설명
엘자 요소

속성을 추가할 요소입니다.
속성 물체 <선택 과목>

적용할 속성입니다.
원천:
유틸리티/dom.js

<공전> textContent(엘, 텍스트)

요소에 텍스트를 삽입하여 기존 내용을 완전히 바꿉니다.

매개 변수 :
이름 유형 설명
엘자 요소

텍스트 콘텐츠를 추가할 요소
텍스트 끈

추가할 텍스트 콘텐츠입니다.
원천:
유틸리티/dom.js
반환:

텍스트 콘텐츠가 추가된 요소입니다.

유형
요소

<공전> toggleElClass(요소, classToToggle [, 조건자])

선택적 조건 또는 클래스 이름의 유무에 따라 요소에 CSS 클래스 이름을 추가하거나 제거합니다.

매개 변수 :
이름 유형 논쟁 설명
요소 요소

클래스 이름을 토글할 요소입니다.
클래스투토글 끈

전환해야 하는 클래스
술부 부울 | PredicateCallback <선택 과목>

Dom~PredicateCallback 에 대한 반환 값을 참조하십시오.
원천:
유틸리티/dom.js
반환:

전환된 클래스가 있는 요소입니다.

유형
요소

<공전> unblockTextSelection()

텍스트 선택 차단 해제

원천:
유틸리티/dom.js

<안의> classRegExp(클래스 이름)

요소 className 내에서 className을 일치시키기 위한 정규식을 생성합니다.

매개 변수 :
이름 유형 설명
클래스 이름 끈

RegExp를 생성할 className입니다.
원천:
유틸리티/dom.js
반환:

요소 className에서 특정 className을 확인할 RegExp입니다.

유형
정규식

<안의> createQuery(메소드)

지정된 메서드를 사용하여 DOM을 쿼리하는 함수를 만듭니다.

매개 변수 :
이름 유형 설명
방법 끈

쿼리를 만드는 방법입니다.
원천:
유틸리티/dom.js
반환:

쿼리 방법

유형
기능

<안의> isNonBlankString(str)

값이 공백이 아닌 문자가 포함된 문자열인지 감지합니다.

매개 변수 :
이름 유형 설명
str 끈

확인할 문자열
원천:
유틸리티/dom.js
반환:
  • 문자열이 비어 있지 않으면 참
    - 그렇지 않으면 거짓
유형
부울

<안의> throwIfWhitespace(str)

전달된 문자열에 공백이 있으면 오류가 발생합니다. 이는 classList API와 상대적으로 일관성을 유지하기 위해 클래스 메서드에서 사용됩니다.

매개 변수 :
이름 유형 설명
str 끈

공백을 확인할 문자열입니다.
원천:
유틸리티/dom.js
던지기:

문자열에 공백이 있으면 오류가 발생합니다.

유형
오류