JS中基本window.document对象操作以及常用事件！

Posted 2020-08-19 AnswerTheQuestion

　　　　一.找到元素

　　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=“赋值”；

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：事件在用户按下并放开任何字母数字键时触发。