原生JS中DOM元素的操作

获取dom

document.getElementsByClassName ( “class”);
document.getElementById( “id” )
document.getElementsByName(" name");
document.getElementsByTagName(“TagName”);
ocument.querySelector(".btnlist");
document.querySelectorAll("#btn");

修改属性

ele.style.syleName=styleValue

.获取对象的属性

btn1[0].style.height)

.js获取非行内样式属性

window.getComputedStyle(btn1[0]).width

innerHTML

语法: ele.innerHTML
功能:返回ele元素开始和结束标签之间的HTML（获取标签的内容）
语法: ele.innerHTML=" html”
for(i=0,len=lis.length;i

dom 属性设置与获取

     


    
    


    
文本
    
    

Dom的HTML事件

DOM的鼠标事件

onload :页面加载时触发

onclick :鼠标点击时触发

onmouseover :鼠标滑过时触发

onmouseout :鼠标离开时触发

onfocus :获得焦点时触发 ,事件用于：
input标签type为text、password; textarea;

onblur :失去焦点时触发

onchange：域的内容改变时发生，一般作用于select或checkbox或radio

onsubmit:表单中的确认按钮被点击时发生：不是加在按钮上，而是在表单上（from）。

onmousedown : 鼠标按钮在元素上按下时触发.

onmousemove :在鼠标指针移动时发生

onmouseup :在元素上松开鼠标按钮时触发

关于this指向
在事件触发的函数中, this是对该DOM对象的引用。
键盘事件

onkeydown(键盘按下)

onkeyup(键盘抬起)

onkeypress(按键事
表单事件

onfocus(获得焦点)

onblur（失去焦点）

浏览器事件
window事件 ：

onload（加载完成事件）
onerror（报错事件）
onresize :当调整浏览器窗口的大小时触发
onscroll :(滑动事件)拖动滚动条滚动时触发
触屏事件
touch（触屏）
touchstart （开始触屏 ）
touchmove（触屏移动）
touchend(触屏结束)

    
    
    


    
    ；
       
    

        开始
    

        结束

原链接