Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

[오번역 수정] - 문서 수정하기 내용 개선 #827#832

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to ourterms of service andprivacy statement. We’ll occasionally send you account related emails.

Already on GitHub?Sign in to your account

Open
C17AN wants to merge1 commit intojavascript-tutorial:master
base:master
Choose a base branch
Loading
fromC17AN:issue#827
Open
Changes fromall commits
Commits
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
32 changes: 16 additions & 16 deletions2-ui/1-document/07-modifying-document/article.md
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -525,17 +525,17 @@ ul.append(...getListContent()); // append 메서드와 "..." 연산자는 궁합
## 요약

- 노드 생성 메서드:
- `document.createElement(tag)` -- 태그 이름을 사용해 새로운 요소를만듦
- `document.createTextNode(value)` -- 텍스트 노드를만듦(잘 쓰이지 않음)
- `elem.cloneNode(deep)` -- 요소를복제함. `deep==true`일 경우, 모든 후손 요소도복제됨
- `document.createElement(tag)` -- 태그 이름을 사용해 새로운 요소를생성합니다.
- `document.createTextNode(value)` -- 텍스트 노드를생성합니다. 다만 자주 사용되지는 않습니다.
- `elem.cloneNode(deep)` -- 요소를복제합니다. `deep==true`일 경우, 모든 후손 요소도복제됩니다.

- 노드 삽입, 삭제 메서드:
- `node.append(...nodes or strings)` -- `node` 끝에 노드를삽입
- `node.prepend(...nodes or strings)` -- `node` 맨 앞에 노드를삽입
- `node.before(...nodes or strings)` –- `node` 이전에 노드를삽입
- `node.after(...nodes or strings)` –- `node` 다음에 노드를삽입
- `node.replaceWith(...nodes or strings)` –- `node`를대체
- `node.remove()` –- `node`를제거
- `node.append(...nodes or strings)` -- `node` 끝에 노드를삽입합니다.
- `node.prepend(...nodes or strings)` -- `node` 맨 앞에 노드를삽입합니다.
- `node.before(...nodes or strings)` –- `node` 이전에 노드를삽입합니다.
- `node.after(...nodes or strings)` –- `node` 다음에 노드를삽입합니다.
- `node.replaceWith(...nodes or strings)` –- `node`를교체합니다.
- `node.remove()` –- `node`를제거합니다.

삽입이나 삭제하고자 하는 문자열은 텍스트 '그대로' 넣으시면 됩니다.

Expand All@@ -547,15 +547,15 @@ ul.append(...getListContent()); // append 메서드와 "..." 연산자는 궁합

이 메서드들은 전부 `node`를 반환합니다.

-`html`에 HTML을 넣으면메서드 `elem.insertAdjacentHTML(where, html)`은아래`where`의 위치에따라HTML을삽입해줌
- `"beforebegin"` -- `elem` 바로 앞에 `html`을삽입
- `"afterbegin"` -- `elem`의 첫 번째 자식 요소 바로 앞에 `html`을삽입
- `"beforeend"` -- `elem`의 마지막 자식 요소 바로 다음에 `html`을삽입
- `"afterend"` -- `elem` 바로 다음에 `html`을삽입
- 메서드 `elem.insertAdjacentHTML(where, html)`은인자로 받은`where`의 위치에`html`로 대입받은HTML을삽입합니다.
- `"beforebegin"` -- `elem` 바로 앞에 `html`을삽입합니다.
- `"afterbegin"` -- `elem`의 첫 번째 자식 요소 바로 앞에 `html`을삽입합니다.
- `"beforeend"` -- `elem`의 마지막 자식 요소 바로 다음에 `html`을삽입합니다.
- `"afterend"` -- `elem` 바로 다음에 `html`을삽입합니다.

각각 문자열과 요소를 삽입해주는 유사 메서드 `elem.insertAdjacentText`와 `elem.insertAdjacentElement`도 있는데,잘 쓰이지는 않음
각각 문자열과 요소를 삽입해주는 유사 메서드 `elem.insertAdjacentText`와 `elem.insertAdjacentElement`도 있는데,자주 사용되지는 않습니다.

- 페이지 로딩이 끝나기 전에 HTML을 삽입해주는 메서드:
- `document.write(html)`

문서가다 불러와진 상태에서이 메서드를 호출하면 문서 내용이지워짐.오래된 스크립트에서 볼 수있음
문서가로드된 이후이 메서드를 호출하면기존의문서 내용이지워지는데요, 주로오래된 스크립트에서 볼 수있습니다.
[8]ページ先頭
©2009-2025 Movatter.jp