javascript笔记08:javascript的if...else语句
2024-10-16 20:27:44
案例代码如下:
<!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属性,它的全部内容都将被替换
效果图:
点击"点击这里",出现如下结果:
最新文章
- HTML kbd键盘元素
- 转:IT公司的十大内耗,别说你公司没有!
- KlayGE 4.4中渲染的改进(一):只需要SM3的TBDR
- sql 简单事务例子
- VR快速发展下,从业者如何把握机会?
- 将定时任务cron 解析成中文
- 【转】Django+Mysql安装配置详解(Linux)
- Android-ViewPagerIndicator
- 如何快速的将Centos6.7快速升级3.10.9
- 201621123062《java程序设计》第三周作业总结
- Linux入门(2)_给初学者的建议
- 网络流24题 ——运输问题 luogu 4015
- Spring Web项目spring配置文件随服务器启动时自动加载
- 洛谷 P2404 自然数的拆分问题
- poj1845 Sumdiv
- Java监听器Listener的使用详解
- 计算字符串相似度算法—Levenshtein
- 关于web标准的一些想法
- Android Camera2 参数调节关键字翻译集合,常用关键字解析
- laravel5 session的基本使用
热门文章
- 通过jQuery或ScriptManager以Ajax方式访问服务
- 手势识别官方教程(8)拦截触摸事件,得到触摸的属性如速度,距离等,控制view展开
- PO >; Create PO时关于汇率问题需要注意的步骤
- Android开发UI之给ListView设置布局动画效果
- c程序设计语言_习题7-6_对比两个输入文本文件_输出它们不同的第一行_并且要记录行号
- 如何在VS 2010中使用 VS2013的解决方案
- Restful与webService区别
- JZ2440开发笔记(8)——FCLK、HCLK和PCLK
- python 多行字符串
- jquery判断文本域长度