HTML DOM Document write() 메서드

정의와 사용법

write() 메서드는 열린 (HTML) 문서 스트림에 직접 쓰입니다.

경고

write() 메서드가 로드된 문서에서 사용될 때는 모든 기존 HTML을 지웁니다.

write() 메서드는 XHTML 또는 XML에서 사용할 수 없습니다.

안내:write() 메서드는 가장 많이 open() 메서드로 열린 출력 스트림에 쓰입니다. 아래의 예제를 참조하세요.

추가로 참조:

Document open() 메서드

Document close() 메서드

Document writeln() 메서드

예제

예제 1

텍스트를 직접 HTML 출력에 쓰기:

document.write("Hello World!");

직접 시험해 보세요

예제 2

HTML 요소를 직접 HTML 출력에 쓰기:

document.write("<h2>Hello World!</h2><p>Have a nice day!</p>");

직접 시험해 보세요

예제 3

문서를 로드한 후 document.write()를 사용하여 모든 기존 HTML을 제거합니다:

// 이런 경우는 피해야 합니다:
function myFunction() {
  document.write("Hello World!");
}

직접 시험해 보세요

예제 4

날짜 객체를 직접 HTML 출력에 작성합니다:

document.write(Date());

직접 시험해 보세요

예제 5

출력 스트림을 엽니다, 일부 HTML을 추가한 후 출력 스트림을 닫습니다:

document.open();
document.write("<h1>Hello World</h1>");
document.close();

직접 시험해 보세요

예제 6

새 창을 엽니다고 가정하고, 일부 HTML을 작성합니다:

const myWindow = window.open();
myWindow.document.write("<h1>New Window</h1>");
myWindow.document.write("<p>Hello World!</p>");

직접 시험해 보세요

문법

document.write(exp1, exp2, exp3, ...)

매개변수

매개변수 설명
exp1, exp2, exp3,
...

선택 사항. 출력 스트림.

여러 가지 매개변수를 허용하며, 등장 순서대로 문서에 추가됩니다.

반환 값

없음.

write()와 writeln()의 차이

writeln()은 각 문장마다 줄 바꿈 문자를 추가합니다. write()는 아닙니다.

예제

document.write("Hello World!");
document.write("Have a nice day!");
document.write("<br>");
document.writeln("Hello World!");
document.writeln("Have a nice day!");

직접 시험해 보세요

주의

HTML에서 사용 writeln() 그럴 필요는 없습니다. 텍스트 문서 (type=".txt")에만 유용합니다. HTML에서 줄 바꿈 문자는 무시됩니다.

HTML에서 줄 바꿈을 원하시면, 반드시 사용해야 합니다단락또는 <br>：

예제 1

document.write("Hello World!");
document.write("<br>");
document.write("Have a nice day!");

직접 시험해 보세요

예제 2

document.write("<p>Hello World!</p>");
document.write("<p>Have a nice day!</p>");

직접 시험해 보세요

브라우저 지원

모든 브라우저가 지원합니다 document.write：

크롬 IE 에지 파이어폭스 사파리 오페라
크롬 IE 에지 파이어폭스 사파리 오페라
지원 지원 지원 지원 지원 지원