javascript显示数据

JavaScript 显示数据

JavaScript 可以通过不同的方式来输出数据：

使用 window.alert() 弹出警告框。

使用 document.write() 方法将内容写到 HTML 文档中。

使用 innerHTML 写入到 HTML 元素。

使用 console.log() 写入到浏览器的控制台。

查找 HTML 元素

通常，通过 JavaScript，您需要操作 HTML 元素。

为了做到这件事情，您必须首先找到该元素。有三种方法来做这件事：

通过 id 找到 HTML 元素

var x=document.getElementById("intro");

通过标签名找到 HTML 元素

 var x=document.getElementById("main");    
 var y=x.getElementsByTagName("p");

通过类名找到 HTML 元素

var x=document.getElementsByClassName("intro");

javascript 改变 html,css

改变HTML内容 innerHTML

document.getElementById("p1").innerHTML="新文本!";

改变CSS

onclick="document.getElementById('id1').style.color='red'">

向 button 元素分配 onclick 事件

<script>
document.getElementById("myBtn").onclick=function(){displayDate()};
</script>