简单粗暴的JavaScript笔记-1

标题图

欢迎到我的简书查看我的文集

提示密码提示框

#div1 {width: 100px;height:50px;background:#FFCC99;border:1px solid #FF9900; dispaly: none;}// get Element By Id自动登录
 达叔小生

标签是用来分组登录

 不要在网吧上网

alert使用
元素获取

// 元素的获取iddocument.getElementById// 属性操作obj.style.display = "block"document.getElementById("div1").style.display="block"

 div{width:100px; height:100px; background:red;} .box {width: 200px; height: 200px; background: green;}

换肤

换css样式表,调好兼容,改变href的值

#idv1 {width:100px; height:100px; background:red;}

getElementsByTagName
this
if
for

下拉列表

    输入法

    
        
手写
        
拼音
        
关闭
    

全选

全选



var aInput=document.getElementsByTagName("input");
aInput.length
aInput[0].checked=true;

for(i=0; i<5; i++){
 alert('dashucoding');
}

获取

1. 控制checkbox的状态为checked

2. 获取一组元素为getElementsByTagName

for循环

1. 重复执行操作

2. for循环的执行顺序

 div{width: 100px; height: 100px; border: 1px solid black; }
 #div1{width:200px; height:200px; background:#ccc;}

 活动
 

获取时间

Date对象
getHours, getMinutes, getSeconds

innerHTML
数组
定时器
Date对象

换样式

菜单下拉列表

    播放列表
    

        
玩爱之徒 
        
原谅我就是这样的女生
        
猜不透
        
自导自演 
        
浪漫窝 
        
流年
    

window.=function (){    var oDiv=document.getElementById('drop');    var oH2=oDiv.getElementsByTagName('h2')[0];    var oUl=oDiv.getElementsByTagName('ul')[0];
    
    oH2.=showHideUl;
}function showHideUl(){    var oDiv=document.getElementById('drop');    var oUl=oDiv.getElementsByTagName('ul')[0];    var oH2=oDiv.getElementsByTagName('h2')[0];    
    if(oUl.style.display === 'none')
    {
        oUl.style.display='block';
        oH2.className='up';
    }    else
    {
        oUl.style.display='none';
        oH2.className='down';
    }
}

    输入法

    
        
手写
        
拼音
        
关闭
    

改变Div的样式

选项卡

    
    
        

            达叔小生1
            
达叔小生2
            
达叔小生3
        
        >>更多
    
    
        
            
            
                
            
        
        
            
            
                
            
        
        
            
            
                
            
        
    
    
    
    
    // jswindow.=function(){    var oTab=document.getElementById('tab');    var aLi=getByClass(oTab, 'nav')[0].getElementsByTagName('li');    var aA=oTab.getElementsByTagName('ul')[0].getElementsByTagName('a');    var aDiv=getByClass(oTab, 'box');    var i=0;
    
    aDiv[0].style.display='block';    
    for(i=0; i

作者：达叔小生
链接：https://www.jianshu.com/p/d84e4a88dab5
x