码迷,mamicode.com
首页 > 编程语言 > 详细

javascript笔记08:javascript的if...else语句

时间:2015-08-05 20:21:18      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:

案例代码如下:

<!DOCTYPE html>
<html>
<body>

<p>点击这个按钮,获得基于时间的问候。</p>

<button onclick="myFunction()">点击这里</button>

<p id="demo"></p>

<script>
function myFunction()
{
var x="";
var time=new Date().getHours();
if (time<20)
  {
  x="Good day";
  }
else
  {
  x="Good evening";
  }
document.getElementById(
"demo").innerHTML=x; } </script> </body> </html>

var elem= document.getElementById("demo"); 获取元素
elem.innerHTML = x; //elem的html内容就会变成x,这里的x是html内容

也就是说插入或者替换一段elem的HTML内容,一旦使用了innerHTML属性,它的全部内容都将被替换

 

效果图:

技术分享

点击"点击这里",出现如下结果:

技术分享

 

javascript笔记08:javascript的if...else语句

标签:

原文地址:http://www.cnblogs.com/hebao0514/p/4705612.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!