美文网首页
day28-JS基础4

day28-JS基础4

作者: 奈斯凸米特 | 来源:发表于2018-08-23 10:23 被阅读0次

1、DOM操作

children 子节点 儿子节点
parentNode 父节点
谷歌和火狐的方式
firstElementChild 一胎
lastElementChild 最后一胎
previousElementSibling 上一个兄弟节点
nextElementSibling 下一个兄弟节点
这是ie的方式
firstChild
lastChild
previousSibling
nextSibling
// 通过document可以动态的创建和删除节点
tagName 获取对象标签的名字 大写
createElement 创建节点
removeChild 父节点.removeChild(子节点)
appendChild 添加节点
添加存在的节点,本质是移动节点
insertBefore 添加节点 insertBefore(new, old)
setAttribute : 既可以设置官方属性,又可以设置自定义属性
getAttribute : 既可以获取官方属性,也可以获取自定义属性

2、事件绑定和事件冒泡

addEventListener 谷歌和火狐方式
removeEventListener
attachEvent ie方式
detachEvent
获取事件对象
事件ev 火狐、谷歌
window.event ie、谷歌
兼容性写法: var oevent = ev || event
获取事件的x和y坐标
oevent.clientX oevent.clientY
相对窗口左上角的坐标
取消事件冒泡
事件的属性和方法
cancelBubble ie方式、谷歌、火狐都支持
stopPropagation() 谷歌、火狐方式
事件源对象
srcElement ie、谷歌
target 火狐、谷歌

3、小知识

禁止鼠标右键
document.oncontextmenu = function () {
return false
}

超链接和事件同时触发
事件的属性和方法
returnValue ie、谷歌
preventDefault() 火狐、谷歌
return false ie、谷歌、火狐

键盘事件
document.onkeydown : 捕获用户点击的按钮
获取按钮的编号
oevent.keyCode

3、正则对象

规则是一样的。
单字符:. \w \d \W \s \S \D [aoe]
数量: {m} {m,} {m,n} {0,}==* {1,}==+ {0,1}==?
match : 正则匹配
replace : 正则替换

4、表单对象

三种查找方法
(1)根据id获取
(2)document.forms 得到文档中所有的form
(3)根据name获取
document.formname
获取该表单里面input框的值,假如该input框name=user
document.formname.user.value
submit()方法
document.formname.submit() 谁都能提交
js验证表单内容

相关文章

  • day28-JS基础4

    1、DOM操作 children 子节点 儿子节点parentNode 父节点谷歌和火狐的方式first...

  • day28-js基础四

    1、DOM操作 children 子节点 儿子节点parentNode 父节点 谷歌和火狐的方式firs...

  • Day28-js语法3

    1、吸顶条 // 获取可视区的宽度和高度// 获取宽高的时候,要看有没有DTD的说明,如果有,使用document...

  • 老男孩Python文章归纳-不全待补充

    Python学习之路 Day1-基础1 Day2-基础2 Day3-基础3 Day4-基础4 迭代器、生成器、装饰...

  • 基础练习4

    基础练习4

  • 基础4

  • 基础-4

    【BX】 接下来讲解的一些规定: LOOP 1,CX=CX-12,判断CX中的值,为零则向下执行,否则就转到标签程...

  • 基础-4

    GIK窗口程序开发 GTK是一种函数库,用来制作图形交互界面;

  • 面试清单

    1. 多线程(基础) 2. Runtime(基础) 3. Runloop(基础) 4. AFN原理(基础) 5. ...

  • Webpack 4 学习04(配置webpack-dev-ser

    前提:- Webpack 4 学习01(基础配置)​ - Webpack 4 学习02(...

网友评论

      本文标题:day28-JS基础4

      本文链接:https://www.haomeiwen.com/subject/jtdpiftx.html