Jak pisać do HTML DOM za pomocą metody Document Writeln()?

Jak Pisac Do Html Dom Za Pomoca Metody Document Writeln



W procesie debugowania i testowania kodu metody te służą do wyświetlania zwykłego tekstu na konsoli lub stronie internetowej w celu potwierdzenia, że ​​wykonywana jest określona część programu. JavaScript udostępnia DOM HTML „ dokument.zapisany ()”, aby wykonać to zadanie.

W tym blogu wyjaśniono procedurę pisania w dokumencie HTML przy użyciu metody document.writeln().







Jak pisać do DOM HTML za pomocą metody writeln() dokumentu?

dokument.zapisany ()” drukuje tekst na stronie internetowej, a gdy jest używana wzdłuż znaku „< przed >”, tekst będzie za każdym razem drukowany w nowej linii.



Składnia

Poniżej podano składnię metody JavaScript document.writeln():



dokument. napisz ( wartość )

„Wartość” może być ciągiem zmiennym lub zwykłym tekstem, który jest dołączany bezpośrednio na stronie internetowej. Można także przekazać więcej niż jedną wartość, oddzielając je przecinkiem.





Miejmy praktyczne wdrożenie.

Przykład 1: Dynamiczne wstawianie wielu wartości

W tym przykładzie wiele wartości w formacie zwykłego tekstu zostanie wyświetlonych na stronie internetowej po interakcji użytkownika z przyciskiem:



< Centrum >
< styl h1 = 'kolor: błękit kadetowy;' > Linuksa h1 >
< przycisk ondblkliknij = 'Wstawić()' > przycisk >
Centrum >
< scenariusz >
funkcjonować wkładacz ( ) {
dokument. napisz ( „To jest część początkowa” , „To ostatnia część” ) ;
}
scenariusz >

Wyjaśnienie powyższego kodu pokazano jako:

  • Najpierw tworzony jest przycisk, który używa „ kliknij ” detektor zdarzeń, aby wywołać „ wkładacz ()”.
  • Następnie „ dokument.zapisany ()” mająca dwie wartości w formacie zwykłego tekstu jest używana wewnątrz „ wkładacz ()”. Spowoduje to wyświetlenie podanego tekstu na stronie internetowej, gdy użytkownik dwukrotnie kliknie przycisk.

Wynik wygenerowany po kompilacji jest pokazany jako:

Powyższe wyjście potwierdza, że ​​podane dane zostały wydrukowane na stronie internetowej.

Przykład 2: Użycie metody document writeln() wraz ze znacznikiem

W tym przykładzie „< przed >” będzie używany wokół wartości, która ma być przekazana wewnątrz znacznika „ dokument.zapisany ()' metoda. Aby wyświetlić każdą wartość w nowej linii. Kod podano poniżej:

< scenariusz >
dokument. napisz (
To jest część początkowa”  )  ;  dokument.  napisz  (  „To ostatnia część
) ;
scenariusz >

W powyższym wierszu kodu wartości, które mają być wyświetlane zarówno przez „ napisz ()” są opakowane pojedynczym znakiem „< przed >”, aby były wyświetlane w osobnych nowych wierszach.

Dane wyjściowe powyższej linii kodu wyglądają następująco:

Dane wyjściowe pokazują, że każda wartość jest wyświetlana w nowym wierszu podczas renderowania na stronie internetowej.

Wniosek

DOM HTML” dokument zapiszln() Metoda ” służy zasadniczo do wstawiania tekstu na stronę internetową, tekst jest umieszczany w nawiasach, a w przypadku wielu tekstów oddziela się je przecinkiem. Ta metoda wyświetla tekst w nowej linii, gdy jest on zawinięty wewnątrz znaku „< przed >” W tym blogu pomyślnie wyjaśniono metodę document.writeln().