本文主要和大家分享js之innerHtml简易日历的实现，思路同选项卡差不多， 希望能帮助到大家。
1、对于最下面文字的更改，可以使用数组，把他们的内容都放到一个数组中，然后使用字符串的拼接来实现
2、innerhtml是用来设置标签内的文字，而value是用来设置input中的文字值
3、对于字符串连接，为了不使数字和字母连在一起，可以使用括号括起来。即同数学中的加法的优先级一样
nbsp;html>简易日历 #table ul{width: 200px;height:220px ;} #table li{float: left;width:50px;height:50px ;border: 1px solid blue;margin-right: 5px; list-style-type: none;text-align: center;margin-top: 5px;} #table .active{background-color: #0000FF;cursor: pointer;} #p1{width: 200px;height:150px;border:1px solid forestgreen ;text-align: center;margin-left: 20px;} window.onload=function(){ var oText = [ '天气很好呀，要开心', '没有下雨，要开心', '每天要开心', '天气很好呀，要开心', '没有下雨，要开心', '每天要开心', '天气很好呀，要开心', '没有下雨，要开心', '每天要开心', '天气很好呀，要开心', '没有下雨，要开心', '每天要开心', ] var oTable = document.getElementById('table'); var oLi = oTable.getElementsByTagName('li'); var op1 = document.getElementById('p1'); for(var i=0;i<oLi.length;i++){ oLi[i].index = i; oLi[i].onmousemove=function(){ for(var i=0;i<oLi.length;i++){ oLi[i].className=''; } this.className='active'; op1.innerHTML=''+(this.index+1)+'月
'+oText[this.index] +''; } } }
登录后复制
1
2
3
4
5
6
7
8
9
10
11
12
一月
稻花香提醒您，七月值得关注的日子
相关推荐：
js最简单的原生日历
立即学习“前端免费学习笔记（深入）”；
分享一个日历的实现方法
JS实现一个简单的日历
以上就是js之innerHtml简易日历的实现的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2783687.html
