一.找到元素

  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. ServletContext与ServletConfig的详解及区别

    转自http://hi.baidu.com/huaxuelili/item/1704a03dbb5cd7f22784f4c6 一.ServletContext详解ServletContext是serv ...

  2. HDU 4342History repeat itself 数学

    C - History repeat itself Time Limit:1000MS     Memory Limit:32768KB      Description Tom took the D ...

  3. cocos2dx游戏开发——微信打飞机学习笔记(十)——碰撞检测的搭建

    一.七说八说        大家都发现了= =,做了那么多,发现就是摆设,完全没有打飞机的感觉,没有实现碰撞的监测.比如说呢,子弹和敌机,玩家与敌机就是需要有碰撞检测的说,然后在这篇我想会很长很长的教 ...

  4. python的包和模块

    python 的包即文件夹,但是必须包含_init_.py 模块就是xx.py

  5. 2016.7.9 计算机网络复习要点第四章之网际控制报文协议ICMP

    1.ICMP允许主机或路由器报告差错情况和提交有关异常情况的报告:为了更有效地转发IP数据报和提高交付成功的机会: 2.ICMP不是高层协议,因为ICMP报文是装在IP数据报中的,作为其中数据部分,所 ...

  6. c# 使用正则表达式 提取章节小说正文全本篇

    这一节主要内容是使用正则表达式提取网站的正文,主要面向于小说章节网站.其中涉及到一些其他知识点,比如异步读取.异步流写入等,代码中都会有详细的注解.现在流行的网络文学都是每日一更或几更,没有一个统一的 ...

  7. ConversionPattern 解析

    Sample <param name="ConversionPattern" value="%d [%t] %-5p %c [%x] %X{auth} - Line ...

  8. html表单应用

    <!DOCTYPE html> <html> <head> <meta name="generator" content="HT ...

  9. Linux下MySQL的备份与还原

    Linux下MySQL的备份与还原 1. 备份 [root@localhost ~]# cd /var/lib/mysql (进入到MySQL库目录,根据自己的MySQL的安装情况调整目录) [roo ...

  10. JBPM表达业务流程(流程定义语言)

    业务流程包括三部分: 活动 Activity / 节点 Node (有很多种,不同的类型有不同的功能,必须要有一个Start Activity) 连线 Transition / 转移 (从一个Acti ...