Js-DOM 상해
블로그 설명
글에서 언급된 자료는 인터넷 정리와 개인 총결산에서 나온 것으로 개인의 학습과 경험을 종합하는 것을 의미한다. 만약에 권리 침해가 있으면 본인에게 연락하여 삭제해 주십시오. 감사합니다!
콘셉트
Document Object Model 문서 객체 모델 태그 언어 문서의 각 구성 부분을 대상으로 봉인합니다.이러한 객체를 사용하여 태그 언어 문서에 대한 CRUD를 동적으로 조작할 수 있음 W3C DOM 표준은 핵심 DOM - 모든 구조화된 문서에 대한 표준 모델 Document: 문서 객체 Element: 요소 객체Attribute:속성 객체Text: 텍스트 객체 Comment: 주석 객체 Node: 노드 객체, 상위 5개 추가 XML DOM - XML 문서에 대한 표준 모델 HTML DOM - HTML 문서에 대한 표준 모델 핵심 DOM 모델
Document:문서 객체
창설(수령): htmldom모델에서 window 대상을 사용하여 획득 window.document document 방법: Element 객체 가져오기:getElementById(): id 속성 값에 따라 요소 객체를 가져옵니다.id 속성 값은 보통 유일 getElementsByTagName (): 원소 이름에 따라 원소 대상들을 가져옵니다.반환 값은 하나의 그룹 이다.
getElementsByClassName ():Class 속성 값에 따라 원소 대상들을 가져옵니다.반환 값은 하나의 그룹 이다.
getElementsByName():name 속성 값에 따라 원소 대상들을 가져옵니다.반환 값은 하나의 그룹 이다.
다른 DOM 객체 만들기:createAttribute(name)createComment ()createElement ()createTextNode () 속성Element:요소 객체
수령/창설:document을 통해 수령 및 창설 방법:removeAttribute(): 속성 삭제setattribute(): 속성 설정 Node: 노드 객체, 상위 5개 추가특징: 모든dom 대상은 하나의 노드로 여겨질 수 있음 방법: CRUD dom 트리:appendChild(): 노드의 하위 노드 목록의 끝에 새 하위 노드를 추가합니다. removeChild(): 현재 노드의 지정한 하위 노드를 삭제하고 되돌려줍니다. replaceChild(): 새 노드로 하위 노드를 대체합니다. 속성:parentNode는 노드의 모 노드를 반환합니다. HTML DOM
탭의 설정 및 가져오기: innerHTMLhtml원소대상의 속성 사용 제어 요소 스타일 요소의 스타일 속성을 사용하여 설정 // 1
div1.style.border = "1px solid red";
div1.style.width = "200px";
//font-size--> fontSize
div1.style.fontSize = "20px";
클래스 선택기의 스타일을 미리 정의하고 요소의className 속성을 통해class 속성 값을 설정합니다. 감사
다크호스 프로그래머
그리고 부지런한 자기 관심 공호: 귀자모, 더 많은 자료 얻기, 더 긴 학습 계획
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSON
JSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다.
그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다.
저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
