document对象
     
     
      111
     
222
     
      111
     

 

//找元素

//1.根据id找

//var d1 = document.getElementById("d1");

//alert(d1);

//2.根据class找

//var d2 = document.getElementsByClassName("d");

//alert(d2[1]);

//3.根据标签名找

//var d3 = document.getElementsByTagName("div");

//alert(d3[0]);

//4.根据name找

//var d4 = document.getElementsByName("aa");

//alert(d4[0]);

//操作元素

//操作内容

//非表单元素

//var d1 = document.getElementById("d1");

//1.获取文本

//alert(d1.innerText);

//2.设置文本

//d1.innerText = "hello";

//3.获取html代码

//alert(d1.innerHTML);

//4.设置html代码

//d1.innerHTML = "<b>加粗文字</b>";

//表单元素

//var b1 = document.getElementById("b1");

//1.赋值

//b1.value = "ceshi";

//2.获取值

//alert(b1.value);

//操作属性

//1.添加属性

//var d1 = document.getElementById("d1");

//d1.setAttribute("bs","1");

//2.获取属性

//alert(d1.getAttribute("cs"));

//3.移除属性

//d1.removeAttribute("cs");

//操作样式

/*function showa()

{

//1.获取样式,只能获取内联样式

var d3 = document.getElementById("d3");

alert(d3.style.color);

}

function set()

{

var d3 = document.getElementById("d3");

//2.设置样式

d3.style.backgroundColor = "red";

}*/

 

 

<div οnclick=""></div> 鼠标单击

<div οndblclick=""></div> 鼠标双击

<div οnkeydοwn=""></div> 键敲下

<div οnkeypress=""></div> 键敲击

<div οnkeyup=""></div> 键敲击后抬起

<div οnmοusedοwn=""></div> 鼠标点击下

<div οnmοusemοve=""></div> 鼠标移动

<div οnmοuseοut=""></div> 鼠标离开

<div οnmοuseοver=""></div> 鼠标悬浮上边

<div οnmοuseup=""></div> 鼠标点击抬起

例一；

同意

例2；

     
    
      
       首页
      
    
      
       产品中心
      
    
      
       服务中心
      
    
      
       联系我们
      
     

例3：

     
    
      10