JS的輸出方式
阿新 • • 發佈：2018-11-26
JS的輸出方式：
JavaScript 可以通過不同的方式來輸出資料，顯示資料
- alert(“要輸出的內容”); window.alert();window可省略不寫
在瀏覽器中彈出一個彈出框，將“要輸出的內容”展示出來
效果圖：
- document.write（“要輸出的內容”）;
直接在頁面中展示“要輸出的內容”
效果圖：
- console.log（“要輸出的內容”）;
在控制檯輸出“要輸出的內容”；
- innerHTML/innerText
給除了表單元素的標籤賦值內容
<body> <div id="div1">balabala</div> <div id="div2">balabala</div> <script type="text/javascript"> <!--**id**:通過指定的id來訪問HTML元素，並改變其內容--> document.getElementById("div1").innerText='innerText'; document.getElementById("div2").innerHTML='innerHTML'; </script> </body>
拓展：
- innerHTML指的是從物件的起始位置到終止位置的全部內容,包括Html標籤。
- innerText 指的是從起始位置到終止位置的內容,但它去除Html標籤。
- outerHTML指的是除了包含innerHTML的全部內容外, 還包含物件標籤本身。
<body> <div id="d1"><p id="p1">hello world </p></div> <script> var content = document.getElementById("d1"); alert(content.innerHTML); //<p id="p1">hello world </p> alert(content.innerText); //hello world alert(content.outerHTML); //<div id="d1"><p id="p1">hello world </p></div> </script> </body>
- value
給文字框（表單元素）的賦值內容