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=“赋值”;
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对象操作以及常用事件!的更多相关文章
- JS中window.document对象
小知识点注:外面双引号,里面的双引号改为单引号: 在div里面行高设置和整个外面高度一样,才能用竖直居中,居中是行居中 文本框取出来 ...
- JavaScript——DOM操作——Window.document对象
一.找到元素: docunment.getElementById("id"):根据id找,最多找一个: var a =docunment.getElementById(&qu ...
- JavaScript的DOM操作。Window.document对象
间隔执行一段代码:window.setlnteval("需要执行的代码",间隔毫秒数) 例 : window.setlnteval("alert("你 ...
- Window.document对象
1.Window.document对象 一.找到元素: docunment.getElementById("id"):根据id找,最多找一个: var a =docunme ...
- Window.document对象 轮播练习
Window.document对象 一.找到元素: docunment.getElementById("id"):根据id找,最多找一个: var a =docun ...
- HTML Window.document对象
1.Window.document对象 一.找到元素: docunment.getElementById("id"):根据id找,最多找一个: var a =docunmen ...
- Window.document对象(1)
1.Window.document对象 一.找到元素: docunment.getElementById("id"):根据id找,最多找一个: var a =docunme ...
- 1、Window.document对象
1.Window.document对象 一.找到元素: docunment.getElementById("id"):根据id找,最多找一个: var a =docunmen ...
- 3.26课·········window.document对象
1.Window.document对象 一.找到元素: docunment.getElementById("id"):根据id找,最多找一个: var a =docun ...
随机推荐
- Lua和C之间的交互
转自:http://blog.csdn.net/sumoyu/article/details/2592693 (一) Lua 调C函数 什么样类型的函数可以被Lua调用 typedef int ( ...
- isnull的使用方法
is null 查看列数据为空 select*from lrb where lrid is null ISNULL使用指定的替换值替换 NULL. 语法ISNULL ( check_express ...
- BaseAdapter自定义适配器
listview = (ListView) findViewById(R.id.listview); imageview = (ImageView) findViewById(R.id.imagevi ...
- java.lang.NoClassDefFoundError: org/apache/avro/ipc/Responder
文章发自:http://www.cnblogs.com/hark0623/p/4170174.html 转发请注明 java.lang.NoClassDefFoundError: org/a ...
- Sky数[HDU2097]
Sky数 Time Limit: 1000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others)Total Submis ...
- 不容易系列之二[HDU2042]
不容易系列之二 Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others)Total Sub ...
- quick 关于触摸的问题
以前遇到一个问题就是,如果触摸层不在最后,会导致触摸失效.这是由于下面添加的层挡住了触摸层,而后添加的层会位于上面,默认是不可点击,点击不可穿透的.所以我们必须将触摸层放置到最上面. Logic.lu ...
- BZOJ2310 : ParkII
单路径最大和问题,设f[i][j][S]表示到达(i,j),轮廓线状态为S的最优解. S用4进制m+1位数表示,0表示无插头,1表示左括号,2表示右括号,3表示独立插头. 在DP之前先进行一次预处理, ...
- BZOJ1444 : [Jsoi2009]有趣的游戏
建立AC自动机,并求出转移矩阵. 再用$\sum E(终止节点)=1$去替换第一个方程,高斯消元即可. 时间复杂度$O(n^3l^3)$. 注意精度问题,要特判0.00的情况. #include< ...
- NOIP201103瑞士轮
试题描述 [背景]在双人对决的竞技性比赛,如乒乓球.羽毛球.国际象棋中,最常见的赛制是淘汰赛和循环赛.前者的特点是比赛场数少,每场都紧张刺激,但偶然性较高.后者的特点是较为公平,偶然性较低,但比赛过程 ...