javascript

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>

推荐阅读更多精彩内容

  • JS简介 外部JavaScript中文件的文件扩展名为.js,如果使用外部文件,那么标签需要设置它的src属性为文...
    Grape_葡萄阅读 801评论 1 6
  • 1.HTML DOM (Document Object Model) document.getElementByI...
    廖马儿阅读 1,210评论 0 17
  • 原文: https://github.com/ecomfe/spec/blob/master/javascript...
    zock阅读 3,212评论 2 36
  • 最近在阅读这本Nicholas C.Zakas(javascript高级程序设计作者)写的最佳实践、性能优化类的书...
    任乃千阅读 2,021评论 0 30
  • 文|夏堇幽 1. 我希望,你可以陪我,从校服穿到礼服。 2. 我觉得最大的幸福便是,为我戴上婚戒的人,是你。 3....
    温九109阅读 166评论 2 3
  • 《她仅有的是月光》 她只身坐在田野上她看着月光泻下的素装 我在城市的中央我看到的天空是楼层的灯光 她有最珍贵的宝藏...
    荒骨阅读 279评论 11 9
  • 1 白小伞在西湖边上看到了一个高高瘦瘦的男子,一个人坐在苏堤旁边的椅子上,面对着西湖透过镜片空洞地眺望,很像是会下...
    叶十二月阅读 146评论 0 1
  • 如果 你是一抹光 那并定是 我曾在树下徘徊 贪婪地享受你亲吻般的月光 如果 你是一阵风 那必定是 冬日里你我在朝阳...
    公子鱼阅读 211评论 0 3
  • 简书连载风云录蔷薇小说目录择一世长安专题择一世长安【目录】 文丨蔷薇下的阳光 上一章丨《第七十六章:遭遇埋伏》 前...
    蔷薇下的阳光阅读 360评论 0 5