[JS]HTML、出力コンソール

4824 ワード
JavaScript テキストリンク

1. document.write()

  • トップページ出力データ
  • は、ほとんどのテストまたはデバッグに使用できます.
  • メソッドを実行すると、まずウェブページにロードされたすべてのデータを消去し、その後、自分のデータ
    • を出力する.
    <body>
  <button onclick="document.write(2 * 5)">버튼을 눌러보세요!</button>
</body>
  <script>
  document.write(4 * 5);
  </script>
    結果:ボタンと「20」の計算値が出力されますが、ボタンを実行すると削除され、ボタンの計算値「10」だけが残ります.

    2. document.getElementById()

  • 実際のJavaScriptコードで最も一般的な出力方法
  • getElementByID()やgetElementsByTagName()などの方法でHTML要素(ID)
    • を選択する.
  • は、次にInnerHTMLプロパティを使用して、選択したHTML要素のコンテンツ(コンテンツ)または属性(属性)値などに変更します.
    <body>
  <p id="test"></p>
</body>
  <script>
    document.getElementById("test").innerHTML= 100/20;
  </script>
    結果:「5」でHTMLドキュメントに出力
    <p id="test"> 아래 Click ! 버튼을 누르면 이것은 '안녕하세요!'로 바뀌는거야</p>

<button type="button" onclick="document.getElementById('test').innerHTML='안녕하세요!'">Click !</button>
    結果:
    onclick=""属性定義ユーザークリック時の現象
    getElementById(「test」)は、IDが「test」であるHTML要素を取得する.
    innerHTML=要素をインポートした内容(下のClick!ボタンをクリックすると「こんにちは!」に変更されます)を「こんにちは!」に変更します.に変更
    click!ボタンをクリックすると(下のClick!ボタンをクリックすると、これが「こんにちは!」)、内容が(「こんにちは!」)になります.

    3. console.log()

  • ブラウザコンソールでデバッグするための
    • console.log("오늘은 Javascript 첫째날")
console.log(4*5)
    結果:
    コンソールの最初の行は文字列として入力され、「今日はJavascriptの初日です」と2番目の行は数値列として入力され、「20」演算値が順次与えられます.
    自分の気持ちを調整するために勉強した内容を記録します.
    修正が必要なところや追加が必要なところがあれば、いつでもコメントしてください!
    白駿Baekjoon 1001号A-B-JAVA
    2022-4-13~14 git,github