美文网首页
javascript

javascript

作者: 钱塘 | 来源:发表于2017-08-21 13:05 被阅读13次

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>

相关文章

网友评论

      本文标题:javascript

      本文链接:https://www.haomeiwen.com/subject/xrscdxtx.html