Document Writeln() 메서드를 사용하여 HTML DOM에 쓰는 방법은 무엇입니까?

Document Writeln Meseodeuleul Sayonghayeo Html Dome Sseuneun Bangbeob Eun Mueos Ibnikka



코드를 디버깅하고 테스트하는 과정에서 메서드는 콘솔이나 웹페이지에 일반 텍스트를 표시하여 프로그램의 특정 부분이 실행 중인지 확인하는 데 사용됩니다. JavaScript는 HTML DOM을 제공합니다. document.writeln ()” 메서드를 사용하여 이 작업을 수행합니다.

이 블로그에서는 document.writeln() 메서드를 사용하여 HTML 문서에 작성하는 절차를 설명합니다.







문서 writeln() 메서드를 사용하여 HTML DOM에 쓰는 방법은 무엇입니까?

document.writeln ()” 메소드는 웹페이지 위에 텍스트를 인쇄하고 “< 미리 >” 태그를 사용하면 텍스트가 매번 새 줄에 인쇄됩니다.



통사론

document.writeln() JavaScript 메서드의 구문은 다음과 같습니다.



문서. 쓰다 ( )

'값'은 웹 페이지에 직접 추가되는 변수 문자열 또는 일반 텍스트일 수 있습니다. 둘 이상의 값을 쉼표로 구분하여 전달할 수도 있습니다.





실제적인 구현을 해보겠습니다.

예 1: 여러 값을 동적으로 삽입

이 예에서는 사용자가 버튼과 상호 작용할 때 일반 텍스트 형식의 여러 값이 웹 페이지 위에 표시됩니다.



< 센터 >
< h1 스타일 = '색상: 생도블루;' > 리눅스 h1 >
< 버튼 ondblclick = '끼워 넣다()' > 단추 >
센터 >
< 스크립트 >
기능 삽입기 ( ) {
문서. 쓰다 ( '이것은 초기 부분입니다' , '마지막 부분이다' ) ;
}
스크립트 >

위 코드에 대한 설명은 다음과 같습니다.

  • 먼저 '를 사용하는 버튼이 생성됩니다. ondblclick ” 이벤트 리스너를 호출하여 “ 삽입기 ()' 기능.
  • 다음으로는 “ document.writeln ()” 메소드는 “ 내부에 일반 텍스트 형식으로 두 개의 값을 사용합니다. 삽입기 ()' 기능. 사용자가 버튼을 두 번 클릭하면 웹페이지 위에 제공된 텍스트가 표시됩니다.

컴파일 후 생성된 출력은 다음과 같이 표시됩니다.

위 출력은 제공된 데이터가 웹페이지에 인쇄되었음을 확인합니다.

예 2:
 태그와 함께 Document writeln() 메서드 사용

이 예에서는 “< 미리 >” 태그는 “ 내부에 전달될 값 주위에 사용됩니다. document.writeln ()' 방법. 새 줄에 각 값을 표시합니다. 코드는 다음과 같습니다.

< 스크립트 >
문서. 쓰다 ( '
초기화 부분입니다'  )  ;  문서.  쓰다  (  '마지막 부분입니다
'
) ;
스크립트 >

위의 코드 줄에서 ' 쓰다 ()' 메서드는 단일 '<로 래핑됩니다. 미리 >” 태그를 사용하여 별도의 새 줄에 표시되도록 합니다.

위 코드 줄의 출력은 다음과 같습니다.

출력에서는 웹 페이지 위에 렌더링될 때 각 값이 새 줄에 표시된다는 것을 보여줍니다.

결론

HTML DOM “ 문서 쓰기() ” 메소드는 기본적으로 웹페이지에 텍스트를 삽입하는 데 사용되며 텍스트는 괄호 안에 전달되며 여러 텍스트의 경우 쉼표로 구분됩니다. 이 메서드는 '<' 안에 텍스트가 들어 있을 때 새 줄에 텍스트를 표시합니다. 미리 >” 태그입니다. 이 블로그에서는 document.writeln() 메서드를 성공적으로 설명했습니다.