재작성된 제목: JavaScript를 가장 잘 출력하는 방법은 무엇입니까?

Question

저는 JavaScript를 배우고 있는데 코드를 출력하는 데 권장되는 방법은 document.getElementById를 사용하는 것이고 Document.write는 테스트에만 사용해야 한다는 것을 알았습니다... 이것이 스크립트를 출력하는 가장 좋은 방법입니까? 이 코드는 정확히 무엇을 하는가? "데모"가 어떻게 작동하는지, 왜 필요한지 잘 모르겠지만 다음 코드를 작성했습니다... functionaddNumbers(arr){vari,answer=0;fo

P粉827121558 · Answer

Demo는 ID가 "demo"인 단락을 나타냅니다. HTML 페이지 전체에서 고유해야 하는 ID를 사용하여 자바스크립트에서 HTML 태그를 식별하고 사용할 수 있습니다.

document.write는 실제로 더 이상 자주 사용되지 않습니다. 몇 가지 이유가 있습니다. 웹에 좋은 설명이 있으니 이 답변이나 이 글을 확인해 보세요.

，和

P粉757432491 · Answer

한 걸음 물러서서 두 걸음 앞으로 나아가세요:

document.write은 세 가지 기능 중 하나입니다

document.open() 처음부터 작성하기 위해 문서를 열고 기존 문서 내용이 있는 경우 삭제합니다.
document.write( string) 웹 페이지를 구축하는 데 사용되는 문자 스트림에 문자열을 삽입합니다.
document.close() 쓰기 위해 문서를 닫습니다. 추가로 작성하면 문서가 다시 열리고 프로세스에서 기존 콘텐츠가 지워집니다.

이제 다음을 고려해보세요

페이지 입력 스트림이 끝나면 문서가 자동으로 닫힙니다.
문서는 스크립트에서 액세스하고 조작할 수 있는 "문서 개체 모델"("DOM")을 사용하여 작성됩니다.
document.open/write/close DOM이 표준화되어 사용 가능해지기 전에 존재했습니다.

따라서 document.write 在现代Web编程中几乎没有用处。如果在页面加载完成后使用，它会清除页面内容。它几乎完全限于学生教程，这些学生尚未学习到DOM的存在，以及在使用window.open는 현대 웹 프로그래밍에서는 거의 사용되지 않습니다. 페이지 로드가 완료된 후 사용하면 페이지 콘텐츠가 지워집니다. DOM이 존재한다는 사실을 아직 배우지 못한 학생들을 위한 튜토리얼과 window.open을 사용하여 열린 하위 창에서 프로그래밍 방식으로 콘텐츠를 작성할 때 가끔씩 사용하는 튜토리얼로 거의 전적으로 제한되어 있습니다.

페이지의 모든 HTML 요소는 DOM에 HTMLelement 노드로 존재합니다. document.getElementById或document.querySelector之类的方法来访问这些元素，并作为JavaScript对象值返回。HTMLElement根据标签类型而异，但如果它们表示HTML容器元素，则具有诸如innerHTML和textContent와 같은 속성을 호출하여 스크립트의 텍스트 문자열로 업데이트할 때 렌더링된 페이지의 내용을 변경할 수 있습니다.

귀하의 질문에 대답하려면 "demo"는 HTMLParagraphElement의 id 값입니다. 여기서 id 값은 DOM의 특정 요소에 액세스하는 데 사용됩니다. id값은 페이지 HTMLElements 간에 고유해야 합니다.

document.getElementById查询DOM可以获取（段落）元素对象。随后更改元素的innerHTMLcontent를 사용하면 문서가 새 콘텐츠로 다시 렌더링되어 페이지 표시가 업데이트됩니다.

Php8, 나도 갈게

30분 안에 웹사이트 레이아웃 배우기

Shangguan Oracle 초보자부터 능숙한 비디오 튜토리얼까지

UNI-APP 코드의 첫 번째 줄

처음부터 앱 실행까지 Flutter

Lian 형제 새 Linux 비디오 튜토리얼

AXURE 9 비디오 튜토리얼(제품 관리자 대화형 제품 디자인 UI에 적합)

Zero 기본 숙련도 PS 비디오 튜토리얼

시작하는 데 도움이 되는 16일 UI 비디오 튜토리얼

PS 기술 및 슬라이싱 기술 비디오 튜토리얼

Alibaba Cloud 환경 구축 및 프로젝트 출시 비디오 튜토리얼

컴퓨터 네트워크 개요 - 프로그래머가 마스터해야 하는 기본 지식

프로그래머를 위한 필수 튜토리얼 - HTTP 프로토콜 설명

웹소켓 비디오 튜토리얼