js基础4

作者: HavenYoung | 来源:发表于2018-08-22 19:13 被阅读0次

一、DOM操作

  • children 子节点 儿子节点

  • parentNode 父节点

  • 谷歌和火狐的方式
    firstElementChild 第一个子标签
    lastElementChild 最后一个子标签
    previousElementSibling 上一个兄弟节点
    nextElementSibling 下一个兄弟节点

  • 这是ie的方式
    firstChild
    lastChild
    previousSibling
    nextSibling

  • 通过document可以动态的创建和删除节点
    tagName 获取对象标签的名字 大写
    createElement 创建节点
    removeChild 父节点.removeChild(子节点)
    appendChild 添加节点
    添加存在的节点,本质是移动节点
    insertBefore 添加节点 insertBefore(new, old)

    setAttribute : 既可以设置官方属性,又可以设置自定义属性
    getAttribute : 既可以获取官方属性,也可以获取自定义属性

二、事件绑定和事件冒泡

  • 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 火狐、谷歌

三、正则对象

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

四、表单对象

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

相关文章

  • js基础4

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

  • JS基础4

    Array() 以上代码告诉我们,直接使用数组定义赋值是更好的方法,而不是用Array(),使用定义赋值的会在该空...

  • js基础(4)

    15、正则 正则就是一个规则,用来处理字符串的规则1、正则匹配编写一个规则,验证某个字符串是否符合这个规则,正则匹...

  • JS基础(4)

    eval: 判断一个数是不是一个整数 ? num == parseInt(num) 真与假 真:非0数字、非空字符...

  • js笔记

    js 基础 var val = (1,2,4)val //4 var obj = {}Object.defineP...

  • awesome frontEnd

    1.JS基础篇1:数据类型(8种) 2.JS基础:正则表达式 3.带你彻底弄懂Event Loop 4.js 深拷...

  • day5 js基础语法

    1、什么是js 2、js基础语法 3、变量 4、运算符 5、分之结构 6、循环 7、函数

  • learning egret

    learning egret Index 1.js如何调用ts?2.ts如何调用js?3.egret基础4.Q&A...

  • Web开发快速入门基础篇(4)前端基础之JS

    4.前端基础之JS 简述 掌握了解JavaScript(js)的基本使用,以及jquery常用操作,能够处理前端交...

  • 面试题笔记

    JS基础 JS中使用typeof能得到哪些类型?考点:JS变量类型 以上代码2-4行,JS能够把值类型直接区分出来...

网友评论

      本文标题:js基础4

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