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 ...
随机推荐
- 【Grunt】关于Grunt可视化的尝试
使用Grunt遇到的问题? 必须要安装NodeJS 必须安装grunt-cli 需要编写复杂的Gruntfile.js规则 每个项目中必须存在nodejs的grunt模块 不方便管理每一个包含grun ...
- Toolbar标题栏
<android.support.v7.widget.Toolbar android:id="@+id/tool_bar" android:layout_width=&quo ...
- LightOJ1086 Jogging Trails(欧拉回路+中国邮递员问题+SPFA)
题目求从某点出发回到该点经过所有边至少一次的最短行程. 这个问题我在<图论算法理论.实现及应用>中看过,是一个经典的问题——中国邮递员问题(CPP, chinese postman pro ...
- 【转】STL之二分查找 (Binary search in STL)
Section I正确区分不同的查找算法count,find,binary_search,lower_bound,upper_bound,equal_range 本文是对Effective STL第4 ...
- BZOJ4182 : Shopping
最后选择的一定是树上的一个连通块,考虑树分治,每次只需考虑重心必选的情况,这就变成了以重心为根的树形依赖多重背包问题. 设f[x][j]表示从根节点到x这条路径及其左边的所有节点,以及以x为根的子树的 ...
- centos 安装网络错误
yum install vnc-server 提示安装成功 rpm -q vnc-server 返回 package vnc-server is not installed 然而再重新安装时 yu ...
- TYVJ P1098 任务安排 Label:倒推dp 不懂
描述 N个任务排成一个序列在一台机器上等待完成(顺序不得改变),这N个任务被分成若干批,每批包含相邻的若干任务.从时刻0开始,这些任务被分批加工,第i个任务单独完成所需的时间是Ti.在每批任务开始前, ...
- Web前端开发规范文档你需要知道的事--HTML、css、js、文档等需要规范内容
规范目的 为提高团队协作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档,特制订此文档.本规范文档一经确认,前端开发人员必须按本文档规范进行前台页面开发.本文档如有不对或者不 ...
- 给iOS工程增加Daily Build
给iOS工程增加Daily Build 前言 Daily Build 是一件非常有意义的事情,也是敏捷开发中关于 "持续集成" 的一个实践.Daily Build 对于开发来说有 ...
- Qt5 和 Qt4 的一些改动和不同
Qt5从Qt4升级后,很多原来Qt4中定义的函数或者变量由于种种原因在Qt5中被遗弃,所以用Qt5来编译Qt4的一些工程项目时,难以避免的会需要修改一些地方,下面就罗列一些我遇到的一些需要修改的地方: ...