Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

DOMに関連するJavaScript変数をconsole.logするにはどうすればよいですか？

コンソールに変数を表示するには、document.getElementById（“”）。

を使用します。

例

以下はコードです-

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
</head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<body>
   <input type="text" id="printTheData" value="My Name is David">
</body>
<script>
   const data = document.getElementById("printTheData");
   console.log(data);
</script> 
</html>

上記のプログラムを実行するには、ファイル名anyName.html（index.html）を保存します。ファイルを右クリックし、VSCodeEditorで[OpenwithLiveServer]オプションを選択します。

出力

出力は次のとおりです-

DOMに関連するJavaScript変数をconsole.logするにはどうすればよいですか？

コンソールに出力-

DOMに関連するJavaScript変数をconsole.logするにはどうすればよいですか？


  1. JavaScriptをHTMLファイルに埋め込む方法は？

    以下は、JavaScriptをhtmlファイルに埋め込むためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <script src=&

  2. HTML DOM console.log（）メソッド

    HTML DOMのconsole.log（）メソッドは、コンソールにメッセージを書き込むために使用されます。コンソールは、主にデバッグとテストの目的で使用されます。メッセージは、文字列型またはオブジェクト型にすることができます。 構文 以下は、console.logメソッドの構文です- onsole.log(msg) ここで、msgは文字列、配列、またはオブジェクトにすることができます。複数のカンマ区切りのオブジェクトをパラメータとして送信することもできます。 例 console.log（）メソッドの例を見てみましょう- <!DOCTYPE html> <html>