지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > DOM Operations_javascript 기술에서 일반적으로 사용되는 일부 속성 요약

DOM Operations_javascript 기술에서 일반적으로 사용되는 일부 속성 요약

WBOY
풀어 주다： 2016-05-16 16:09:59
원래의
1438명이 탐색했습니다.

1.DOM: 문서 개체 모델 DOM(문서 개체 모델)은 HTML 문서에 액세스하고 처리하기 위한 표준 방법을 정의합니다. DOM은 HTML 문서를 요소, 속성, 텍스트가 포함된 트리 구조(노드 트리)로 표현합니다.

2. 일반적으로 사용되는 DOM 속성

　2.1 ID로 요소 가져오기

(1) 문법:

코드 복사 코드는 다음과 같습니다.

document.getElementById("id");

(2) 기능: ID는 개인의 ID 카드로 ID를 검색하여 태그를 찾은 후 해당 작업을 수행할 수 있습니다.

(3) 참고: 문서 작성을 잊지 마세요!

　2.2 innerHTML 속성

(1) 문법:

코드 복사 코드는 다음과 같습니다.

Obgect.innerHTML="Hello World"

(2) 기능: 주로 태그의 내용을 얻거나 교체합니다

　(3) 예:

코드 복사 코드는 다음과 같습니다.





innerHTML


자바스크립트


JavaScript는 간단한 개체 기반의 이벤트 중심 스크립팅 언어로, HTML 문서에 포함되어 있으며 웹 페이지에 동적 표시 효과를 생성하고 사용자와 대화형 기능을 구현합니다.

저자별 최신 기사
최신 이슈
React에서 localstorage.getItem은 null을 반환합니다. index.js：importReactfrom'react';importReactDOMfrom'react-dom/client';import'./index.css';i...
에서 2024-04-05 14:18:19
0
1
1523
테이블 대신 DOM을 통해 데이터를 렌더링하는 방법 만들고 있는 애플리케이션에 대해 질문이 있습니다. Oracle 데이터베이스를 사용하고 있으며 데이터베이스에서 정보를 가져와 테이블을 통해 화면에 표시하고 있는데 ...
에서 2024-04-04 18:17:27
0
1
3567
라우팅 경로가 React.js 구성 요소를 렌더링하지 않습니다. 프레이머 모션을 사용하여 일부 애니메이션 경로 경로를 만들려고 하는데 구성요소가 표시되지 않고 RouteWithAnimation.js에서 Home, Contact...
에서 2024-04-04 10:37:17
0
1
429
요소 사이의 공간 부족으로 인한 동적 추가 문제 내 마크업에는 다음 템플릿이 있습니다. <templateid="unsequenced-template"><buttontype=&q...
에서 2024-04-02 16:51:12
0
1
315
authts/react-oidc-context 라이브러리 및 keycloak 인증 서버를 사용하여 로그아웃하는 방법 이것은 다음 라이브러리 버전 "oidc-client-ts":"^2.2.4","react-를 사용하여 React-rou...
에서 2024-03-31 19:13:55
0
1
544
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿