document |
您所在的位置:网站首页 › js监听鼠标位置 › document |
篇首语:本文由编程笔记#小编为大家整理,主要介绍了JS中基本window.document对象操作以及常用事件!相关的知识,希望对你有一定的参考价值。 一.找到元素 1.document.getELementById(“id”);根据id找,最多找一个。 var a=document.getELementById(“id”);把找到的元素放在变量a中。 2.getElementsByClassName()根据class找,找出来的是数组。 3.getElementsByName()根据name找,找出来的是数组。 4.getElementsByTagName()根据标签名找,找出来的是数组。 二.操作内容 1.非表单元素:例如var d=document.getElementsById(“a”); 1.获取文本:d.innerText 只取里面的文字! 2.设置文本:d.innerText=hello; 这时候里面的文字就会变成hello。 3.获取HTML代码:d.innerHTML 获取到d元素里面所套的所有标签以及文字! 4.设置html代码:d.innerHTML=加粗文字。 2.表单元素 表单元素的值是value 1.赋值:d.value=“赋值”; 2.获取值:alert(d.value); 三.操作属性 这不是属性,是方法1 1.添加属性:d.setAttribute(“属性名”,“属性的值”); 2.获取属性:d.getAttribute(“属性名”); 3.移除属性:d.removeAttribute(“属性名”); 四.操作样式 在JS中获取样式只能获取内联的! 1.d.style. 后面跟style中的你想要操作的样式。 五.常用的事件 加return 或 false是阻止默认操作 onclick:鼠标单击触发 ondblclick:双击触发 onmouserover:鼠标以上触发 onmouserout:鼠标移出触发 onmousermov:鼠标在上面移动是触发 onchange:只要内容改变是触发 onblur:失去焦点时触发 onfocus:获得焦点时触发 onkeydown:按键按下时触发 onkeyup:按键抬起时触发 onkeypress:事件在用户按下并放开任何字母数字键时触发。 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |