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
给文本框(表单元素)的赋值内容