首页 > 代码库 > JS中基本window.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=<b>加粗文字</b>。
2.表单元素
表单元素的值是value
1.赋值:d.value=http://www.mamicode.com/“赋值”;
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:事件在用户按下并放开任何字母数字键时触发。
JS中基本window.document对象操作以及常用事件!