一.找到元素

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

JS中基本window.document对象操作以及常用事件!的更多相关文章

  1. JS中window.document对象

    小知识点注:外面双引号,里面的双引号改为单引号:                  在div里面行高设置和整个外面高度一样,才能用竖直居中,居中是行居中                  文本框取出来 ...

  2. JavaScript——DOM操作——Window.document对象

    一.找到元素: docunment.getElementById("id"):根据id找,最多找一个:    var a =docunment.getElementById(&qu ...

  3. JavaScript的DOM操作。Window.document对象

    间隔执行一段代码:window.setlnteval("需要执行的代码",间隔毫秒数) 例 :      window.setlnteval("alert("你 ...

  4. Window.document对象

    1.Window.document对象 一.找到元素: docunment.getElementById("id"):根据id找,最多找一个:     var a =docunme ...

  5. Window.document对象 轮播练习

    Window.document对象 一.找到元素:     docunment.getElementById("id"):根据id找,最多找一个:     var a =docun ...

  6. HTML Window.document对象

    1.Window.document对象 一.找到元素: docunment.getElementById("id"):根据id找,最多找一个:    var a =docunmen ...

  7. Window.document对象(1)

    1.Window.document对象 一.找到元素: docunment.getElementById("id"):根据id找,最多找一个:     var a =docunme ...

  8. 1、Window.document对象

    1.Window.document对象 一.找到元素: docunment.getElementById("id"):根据id找,最多找一个:    var a =docunmen ...

  9. 3.26课·········window.document对象

    1.Window.document对象 一.找到元素:    docunment.getElementById("id"):根据id找,最多找一个:    var a =docun ...

随机推荐

  1. 【codevs1191】数轴染色 线段树 区间修改+固定区间查询

    [codevs1191]数轴染色 2014年2月15日4317 题目描述 Description 在一条数轴上有N个点,分别是1-N.一开始所有的点都被染成黑色.接着我们进行M次操作,第i次操作将[L ...

  2. node工具--express

    //使用supervisor  Connect是基于HTTP米快创建的:Express则是基于Connect上创建的: 绝大多数web服务器和浏览器之间的任务是通过url和method完成的,两者的组 ...

  3. spring实战六之使用基于java配置的Spring

    之前接触的都是基于XML配置的Spring,Spring3.0开始可以几乎不使用XML而使用纯粹的java代码来配置Spring应用.使用基于java配置的Spring的步骤如下: 1. 创建基于ja ...

  4. DP(优化) UVALive 6073 Math Magic

    /************************************************ * Author :Running_Time * Created Time :2015/10/28 ...

  5. MVC Area Usage

    ASP.NET MVC Area操作 新建 Area:右键 -> Add –> Area 继承 AreaRegistration,重写AreaName属性与RegisterArea方法 p ...

  6. LightOJ1051 Good or Bad(DP)

    这题感觉做法应该挺多吧,数据规模那么小. 我用DP乱搞了.. dp0[i][j]表示字符串前i位能否组成末尾有连续j个元音字母 dp1[i][j]表示字符串前i位能否组成末尾有连续j个辅音字母 我的转 ...

  7. BZOJ4342 : CF348 Pilgrims

    可以发现,每个特殊点可以贡献的部分在树上是一条链. 设三元组(v,x,y)表示路径长度,需要更新的端点,与当前点的lca为y. 对于每个节点x,通过两遍树形DP可以求出: d[x]:x到x子树内的某个 ...

  8. sql server导出insert语句

    在所需要导出数据库上右键 选择[任务] 然后选择[生成脚本] 选择数据库,点击下一步到[数据脚本选项] 编写数据的脚本 选择为true  这一步很重要 下一步选择要导出的对象 下一步选择表 点击完成 ...

  9. NSOperationQueue

    一.简介 一个NSOperation对象可以通过调用start方法来执行任务,默认是同步执行的.也可以将NSOperation添加到一个NSOperationQueue(操作队列)中去执行,而且是异步 ...

  10. QMessageBox 使用方法

    在Qt中经常需要弹出窗口,QMessageBox可以实现此功能,一共有三种窗口,information, question, 和 warning,critical, about分别对应感叹号,问号和叉 ...