HTML DOM open（）メソッド
DOM open（）メソッドは、パラメーターで指定されたノードを、HTMLドキュメントでの名前を使用して属性ノードに設定します。
構文
以下は構文です-
document.open(type,replace);
ここにタイプ ドキュメントの種類を表し、置換 新しいドキュメントの履歴エントリが、このドキュメントを開いたドキュメントから履歴エントリを継承するかどうかを表します。
例
open（）メソッドの例を見てみましょう-
<!DOCTYPE html>
<html>
<head>
<style>
body{
text-align:center;
color:#fff;
background: #ff7f5094;
}
.btn{
background:#0197F6;
border:none;
height:2rem;
border-radius:2px;
width:35%;
margin:2rem auto;
display:block;
color:#fff;
outline:none;
cursor:pointer;
}
</style>
</head>
<body>
<h1>DOM open() Method Demo</h1>
<button onclick="openMethod()" class="btn">Click me to try Open() Mehtod</button>
<script>
function openMethod() {
document.open();
document.write(`
<style>
body{
text-align:center;
color:#fff;
background: #ff7f5094;
}
</style>
<h1>DOM open() Method Demo</h1>
<p>New document</p>
`);
document.close();
}
</script>
</body>
</html> 出力
これにより、次の出力が生成されます-
「青」をクリックします 」ボタンをクリックして、open（）メソッドを使用して新しい出力ストリームを開きます。
-
HTML DOM writeln（）メソッド
HTML DOM writeln（）は、複数の式（HTMLまたはJavaScript）をドキュメントに直接書き込む機能をユーザーに提供します。 注 −このメソッドは、ドキュメント内のHTMLコードがある場合はそれを上書きし、新しい行に引数を追加します。 構文 以下は構文です- document.write(agruments) 例 HTML DOMドキュメントのwriteln（）メソッドの例を見てみましょう- <!DOCTYPE html> <html> <head> <title>HTML DOM writeln()</title&g
-
HTML DOM write（）メソッド
HTML DOM write（）は、複数の式（HTMLまたはJavaScript）をドキュメントに直接書き込む機能をユーザーに提供します。 注 −このメソッドは、ドキュメント内のHTMLコードがある場合はそれを上書きし、新しい行に引数を追加しません。 構文 以下は構文です- document.write(arguments) 例 HTML DOMドキュメントのwrite（）メソッドの例を見てみましょう- <!DOCTYPE html> <html> <head> <title>HTML DOM write()</title> &l