Dom
文章平均质量分 52
Charles0371
这个作者很懒,什么都没留下…
展开
-
加载省市:
window.onload = function () { var datas = { "吉林": ["长春", "四平", "松原"], "山东": ["青岛", "济南", "烟台"], "山西": ["大同", "太原", "运城"] };原创 2014-04-26 22:10:24 · 497 阅读 · 0 评论 -
密码强弱的判断
window.onload = function () { document.getElementById('txt').onkeyup = function () { var tds = document.getElementById('tb').getElementsByTagName('td');原创 2014-04-26 22:12:03 · 1993 阅读 · 0 评论 -
超链接显示图片
window.onload = function () { document.getElementById('ak').onmouseover = function () { if (!document.getElementById('imxy')) { var im = document.cre原创 2014-04-26 22:22:01 · 1554 阅读 · 0 评论 -
鼠标放进去行变色
window.onload = function () { var trs = document.getElementById('tb').getElementsByTagName('tr'); for (var i = 0; i trs[i].onmouseover = function () {原创 2014-04-26 22:17:10 · 658 阅读 · 0 评论 -
鼠标放小图上显示大图
window.onload = function () { var datas = { "img/1-1.jpg": ["img/1.jpg", "老牛", "163cm"], "img/2-1.jpg": ["img/2.jpg", "老马", "165cm"], "i原创 2014-04-26 22:14:44 · 749 阅读 · 0 评论 -
innerText与innerHTML区别
window.onload = function () { document.getElementById('btn1').onclick = function () { //显示的是层中的文本内容 alert(document.getElementById('dv').innerText);原创 2014-04-26 22:22:39 · 1762 阅读 · 0 评论 -
显示层||隐藏层
window.onload = function () { document.getElementById('btnShow').onclick = function () { document.getElementById('dv').style.display = 'block'; };原创 2014-04-26 22:16:37 · 669 阅读 · 0 评论 -
点击按钮层动态变小
window.onload = function () { document.getElementById('btn').onclick = function () { var dvObj = document.getElementById('dv'); dvObj.style.overflow =原创 2014-04-26 22:16:01 · 535 阅读 · 0 评论 -
添加属性
window.onload = function () { var tds = document.getElementById('tb').getElementsByTagName('td'); for (var i = 0; i tds[i].onclick = function () {原创 2014-04-26 22:15:23 · 459 阅读 · 0 评论 -
界面上有几个球队名字的列表,将鼠标放到球队名字上就变为红色背景,其他球队背景颜色为白色,点击一个球队的时候就将点击的球队变为fontSize=30字体(fontSize=‘’回到默认)。
window.onload = function () { var uls = document.getElementById('ui').getElementsByTagName('li'); for (var i = 0; i uls[i].onmouseover = function () {原创 2014-04-26 22:14:10 · 762 阅读 · 0 评论 -
层应用边框样式
div { width:300px; height:200px; background-color:Green; margin-bottom:10px; } .cls { border:1px solid red; }原创 2014-04-26 22:21:26 · 486 阅读 · 0 评论 -
创建三个输入文本框,当光标离开文本框的时候如果文本框为空,则将文本框背景色设置为红色,如果不为空则为白色。提示:焦点进入控件的事件是onfocus,焦点离开控件的事件是onblur
window.onload = function () { var txts = document.getElementsByTagName('input'); for (var i = 0; i txts[i].onblur = function () { if (t原创 2014-04-26 22:20:18 · 2638 阅读 · 0 评论 -
评分显示
window.onload = function () { var tds = document.getElementById('tb').getElementsByTagName('td'); for (var i = 0; i tds[i].onmouseover = function () {原创 2014-04-26 22:18:17 · 762 阅读 · 0 评论 -
全选或全不选
歌曲 真的爱你 the show 我的太阳 再回首 光辉岁月 好久不见 周杰棍的双杰伦window.onload = function () { //歌曲列表 (CheckBox+Label)全选、全不选、反选,只针对一个层中,div.getEleme原创 2014-04-26 22:11:14 · 680 阅读 · 0 评论 -
层的右浮动
window.onload = function () { document.getElementById('btn').onclick = function () { //document.getElementById('dv').style.styleFloat = 'right'; if (type原创 2014-04-26 22:20:48 · 582 阅读 · 0 评论 -
点击按钮,表格隔行变色:偶数行为黄色背景,奇数行为默认颜色。通过table的getElementsByTagName取得所有的tr,依次遍历,如果是偶数就…………。
window.onload = function () { document.getElementById('btn').onclick = function () { var trs = document.getElementById('tb').getElementsByTagName('tr');原创 2014-04-26 22:17:46 · 2051 阅读 · 0 评论