JS Reference

JS by Category JS by Alphabet

JavaScript

JS Array JS Boolean JS Classes JS Date JS Error JS Global JS JSON JS Math JS Number JS Operators JS RegExp JS Statements JS String

Window

Window Object Window Console Window History Window Location Window Navigator Window Screen

HTML DOM

DOM Document DOM Element DOM Attributes DOM Events DOM Event Objects DOM HTMLCollection DOM Style
alignContent alignItems alignSelf animation animationDelay animationDirection animationDuration animationFillMode animationIterationCount animationName animationTimingFunction animationPlayState background backgroundAttachment backgroundColor backgroundImage backgroundPosition backgroundRepeat backgroundClip backgroundOrigin backgroundSize backfaceVisibility border borderBottom borderBottomColor borderBottomLeftRadius borderBottomRightRadius borderBottomStyle borderBottomWidth borderCollapse borderColor borderImage borderImageOutset borderImageRepeat borderImageSlice borderImageSource borderImageWidth borderLeft borderLeftColor borderLeftStyle borderLeftWidth borderRadius borderRight borderRightColor borderRightStyle borderRightWidth borderSpacing borderStyle borderTop borderTopColor borderTopLeftRadius borderTopRightRadius borderTopStyle borderTopWidth borderWidth bottom boxShadow boxSizing captionSide caretColor clear clip color columnCount columnFill columnGap columnRule columnRuleColor columnRuleStyle columnRuleWidth columns columnSpan columnWidth counterIncrement counterReset cursor direction display emptyCells filter flex flexBasis flexDirection flexFlow flexGrow flexShrink flexWrap cssFloat font fontFamily fontSize fontStyle fontVariant fontWeight fontSizeAdjust height isolation justifyContent left letterSpacing lineHeight listStyle listStyleImage listStylePosition listStyleType margin marginBottom marginLeft marginRight marginTop maxHeight maxWidth minHeight minWidth objectFit objectPosition opacity order orphans outline outlineColor outlineOffset outlineStyle outlineWidth overflow overflowX overflowY padding paddingBottom paddingLeft paddingRight paddingTop pageBreakAfter pageBreakBefore pageBreakInside perspective perspectiveOrigin position quotes resize right scrollBehavior tableLayout tabSize textAlign textAlignLast textDecoration textDecorationColor textDecorationLine textDecorationStyle textIndent textOverflow textShadow textTransform top transform transformOrigin transformStyle transition transitionProperty transitionDuration transitionTimingFunction transitionDelay unicodeBidi userSelect verticalAlign visibility width wordBreak wordSpacing wordWrap widows zIndex

Web APIs

API Console API Fullscreen API Geolocation API History API MediaQueryList API Storage

HTML Objects

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <tbody> <td> <tfoot> <th> <thead> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Other References

CSSStyleDeclaration JS Conversion


HTML-DOM-Dokument schreiben ()

Beispiele

Schreiben Sie einen Text direkt in die HTML-Ausgabe:

document.write("Hello World!");

Schreiben Sie einige HTML-Elemente direkt in die HTML-Ausgabe:

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

Die Verwendung von document.write() nach dem Laden eines Dokuments löscht den gesamten vorhandenen HTML-Code:

// This should be avoided:
function myFunction() {
  document.write("Hello World!");
}

Weitere Beispiele unten.


Definition und Verwendung

Die write()Methode schreibt direkt in einen offenen (HTML-)Dokumentstrom.

Warnung

Die write()Methode löscht den gesamten vorhandenen HTML-Code, wenn sie auf ein geladenes Dokument angewendet wird.

Die write()Methode kann nicht in XHTML oder XML verwendet werden.

Notiz

Die write()Methode wird am häufigsten verwendet, um in Ausgabestreams zu schreiben, die von der open()Methode geöffnet wurden.

Siehe "Weitere Beispiele" unten.

Siehe auch:

Die Methode Document writeln()

Die Methode Document open()

Die Methode Document close()


Syntax

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

Parameter

Parameter Description
exp1,
exp2,
exp3,
...
Optional.
The output stream.
Multiple arguments are allowed and will be appended to the document in order of occurrence.

Rückgabewert

KEINER

Mehr Beispiele

Schreiben Sie ein Datumsobjekt direkt in die HTML-Ausgabe:

document.write(Date());

Öffnen Sie einen Ausgabestream, fügen Sie etwas HTML hinzu und schließen Sie dann den Ausgabestream:

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

Öffnen Sie ein neues Fenster und schreiben Sie etwas HTML hinein:

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

Der Unterschied zwischen write() und writeln()

write() und writeln():

<body>

<p>Note that write() does NOT add a new line after each statement:</p>
<pre>
<script>
document.write("Hello World!");
document.write("Have a nice day!");
</script>
</pre>

<p>Note that writeln() adds a new line after each statement:</p>
<pre>
<script>
document.writeln("Hello World!");
document.writeln("Have a nice day!");
</script>
</pre>

</body>

Es macht keinen Sinn, writeln() in HTML zu verwenden.

Wenn Sie neue Zeilen in HTML wünschen, müssen Sie Absätze oder <br> verwenden:

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

Browser-Unterstützung

document.writewird in allen Browsern unterstützt:

Chrome IE Edge Firefox Safari Opera
Yes Yes Yes Yes Yes Yes