P粉8271215582023-08-15 10:45:51
Demo는 ID가 "demo"인 단락을 나타냅니다. HTML 페이지 전체에서 고유해야 하는 ID를 사용하여 자바스크립트에서 HTML 태그를 식별하고 사용할 수 있습니다.
document.write는 실제로 더 이상 자주 사용되지 않습니다. 몇 가지 이유가 있습니다. 웹에 좋은 설명이 있으니 이 답변이나 이 글을 확인해 보세요.
</head>
,<body>
和<script>
와 같은 누락된 태그를 추가하면 코드가 제대로 작동하고 콘솔 로깅이 발생합니다. 아래 코드 조각을 실행하세요.
참고로 지금 가장 좋은 방법은 </body>
태그를 닫기 전에 페이지 하단에서 자바스크립트 처리 및 로딩을 수행하는 것입니다. 모든 로딩은 DOM이 로드된 후에 발생하기 때문입니다.
P粉7574324912023-08-15 09:16:35
한 걸음 물러서서 두 걸음 앞으로 나아가세요:
document.write
은 세 가지 기능 중 하나입니다
document.open()
처음부터 작성하기 위해 문서를 열고 기존 문서 내용이 있는 경우 삭제합니다. document.write( string)
웹 페이지를 구축하는 데 사용되는 문자 스트림에 문자열을 삽입합니다. document.close()
쓰기 위해 문서를 닫습니다. 추가로 작성하면 문서가 다시 열리고 프로세스에서 기존 콘텐츠가 지워집니다. 이제 다음을 고려해보세요
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可以获取(段落)元素对象。随后更改元素的innerHTML
content를 사용하면 문서가 새 콘텐츠로 다시 렌더링되어 페이지 표시가 업데이트됩니다.