一.找到元素

  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. 51 NOD 1685 第K大区间2 二分+BIT

    题目描述: 定义一个长度为奇数的区间的值为其所包含的的元素的中位数. 现给出n个数,求将所有长度为奇数的区间的值排序后,第K大的值为多少. 样例解释: [l,r]表示区间的值 [1]:3 [2]:1 ...

  2. VS制作软件安装项目,版本控制和软件升级

    具体如何利用VS制作安装项目,请到我的CSDN地址下载超详细的文档(该文档来自网络) http://download.csdn.net/detail/u012373717/8723335 我要说的是版 ...

  3. android 按钮宽度按比例

    <LinearLayout android:layout_width="fill_parent" android:layout_height="fill_paren ...

  4. SU Demos-03T-F Analysis-01Sugabor

    先看readme, 运行结果,

  5. 寒假D1 B

    B - B Crawling in process... Crawling failed Time Limit:0MS     Memory Limit:0KB     64bit IO Format ...

  6. Partran,Nastran和ANSYS的区别

    Partran .Nastran是MSC公司的产品.Patran是前处理器,用于建模.划分网格.设定载荷和边界条件等等:Nastran只是MSC公司提供的求解器之一,主要用于结构分析和热分析,应用的是 ...

  7. A Walk Through the Forest[HDU1142]

    A Walk Through the Forest Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Jav ...

  8. BZOJ3847 : ZCC loves march

    注意到集结操作相当于合并一些点 于是我们可以使用并查集 对于每一行.每一列维护一个链表,储存里面的点 查询x时,在并查集中找到x的祖先u,此时x的坐标就是u的坐标 然后扫描u所在行列的链表,依次删除每 ...

  9. 【BZOJ】1458: 士兵占领(上下界网络流)

    http://www.lydsy.com/JudgeOnline/problem.php?id=1458 是不是我脑洞太小了.......直接弄上下界最小流........(就当复习了.. 二分图X和 ...

  10. 1. while循环(当循环) 2. do{}while()循环 3. switch cose(多选一) 例子:当选循环下求百鸡百钱 用 switch cose人机剪刀石头布

    1. while循环: 当选循环下求百鸡百钱:如下: 代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN ...