首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

再谈BOM和DOM(3):DOM节点操作-元素样式修改及DOM内容增删改查

操作节点,先得选择节点,就得知道节点选择器与DOM节点查找 DOM节点选择器 W3C提供了比较方便的定位节点的方法和属性 getElementById() 一个参数:元素标签的ID getElementsByTagName...() 一个参数:元素标签名 getElementsByName() 一个参数:name属性名 getElementsByClassName() 一个参数:包含一个或多个类名的字符串 querySelector...() 接收CSS选择符,返回匹配到的第一个元素,没有则null querySelectorAll() 接收CSS选择符,返回一个数组,没有则返回[] DOM节点关系与节点查找 遍历节点树,所涉及发方法...() 返回给定位置的CSS属性的名称 style.length style代码块中参数个数 style.getPropertyValue() 返回给定属性的字符串值 style.getPropertyPriority...() 检测给定属性是否设置了!

1.2K20

JavaScript 网页脚本语言 由浅入深

一种描述性语言,也是一种基于对象和事件驱动的,并具有安全性能的脚本语言 javaScript是一种基于对象和事件驱动的,并具有安全性能的脚本语言 解释执行 javaScript特点 向HTML页面中添加交互行为...length  设置返回数组中的元素书名 方法 join()把数组所有的元素放入一个字符串,通过一个的分隔符进行分隔      sort()对数组进行排序      push()向数组末尾添加一个或者更多元素...、HTML表达式或JavaScipt代码 Array:用于在单独的变量名存储一系列的值 String: 用于支持对字符串的处理 Math:用于执行常用的数学任务,它包含了若干个数字常量和函数 DATE...调用构造函数的四个步骤 *创建一个新对象 *将构造函数的作用域给新对象(this就指向了这个新对象) *执行构造函数中的代码 *返回新对象 constructor属性标识它的对象属性 instanceof...借用构造函数的一个大的优势 可以在子类型构造函数中向父类型构造函数传递参数 组合继承:有时候也叫做伪经典继承 将原型链和借用构造函数的技术组合到一块,发挥二者之长的一种继承模式 使用原型链实现对原型属性和方法的继承

1.8K100
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS学习笔记 (四) 数组进阶

    5、JavaScript数组是JavaScript对象的特殊形式。数组索引可以认为是整数的属性名。 6、数组继承自Array.prototype中的属性。...shift 移除数组中的第一个项并返回该项,同时将数组长度减 一 delete 后接要删除的数组元素,数组的长度减一,并返回新数组 join 将数组中所有元素都转化为字符串并连接在一起,返回最后生成的字符串...concat 创建并返回一个新数组,它的元素包括调用concat()的原始数组的元素和concat()的每个参数 slice 返回指定数组的一个片段或子数组,它的两个参数分别指定了片段的开始和结束的位置...从数组的最后一项开始,向前遍历到第一项 indexOf() 搜索某个指定的字符串值在字符串中首次出现的位置,从前往后查找。...返回找到的第一个元素的索引,如果没有找到就返回-1 lastIndexOf() 搜索某个指定的字符串值在字符串中最后一次出现的位置,从后向前查找。

    28710

    JavaScript 对象所有方法介绍,看这一篇就够了!

    方法 方法 描述 concat() 连接两个或更多的数组,并返回结果。 join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。...pop() 删除并返回数组的最后一个元素 push() 向数组的末尾添加一个或更多元素,并返回新的长度。 reverse() 颠倒数组中元素的顺序。...shift() 删除并返回数组的第一个元素 slice() 从某个已有的数组返回选定的元素 sort() 对数组的元素进行排序 splice() 删除元素,并向数组添加新元素。...全局对象不是任何对象的属性,所以它没有名称。 在顶层 JavaScript 代码中,可以用关键字 this 引用全局对象。...在 JavaScript 代码嵌入一个特殊环境中时,全局对象通常具有环境特定的属性。

    1.8K20

    【最佳实践之性能篇】编码惯例与作用域意识

    如果希望值是有特定方法名的对象,则使用 typeof 操作符确保对象上存在给定名称的方法。...with语句会创建自己的作用域,因此也会增长作用域链(在作用域链前端增加)。在with语句中执行的代码一定比其他外部作用域执行的更慢,因为它多了异步作用域查找。 选择正确的方法 1....避免使用对象属性查找 在计算机科学中,算法复杂度使用大 O 表示法来表示。最简单最快的算法可以表示为 常量值 或 O(1)。...O(logn) 对数 执行时间随着值的增加而增加,但算法完成不需要读取每个值。比如:二分查找 O(n) 线性 执行时间与值的数量直接相关。比如:迭代数组中的所有元素。...对象属性查找慢,是因为查找属性名要查找原项链。解决方案就是将对象的属性保存在变量中,这样查找的时间复杂度就是O(1)。

    33220

    Python内置函数详解【翻译自pyth

    默认的dir()机制对于不同类型的对象具有不同的行为,因为它尝试生成最相关,而不是完整的信息: 如果对象是模块对象,列表包含模块的属性名。...如果对象是类型或者类对象,列表包含类的属性名,及它的基类的属性名。 否则,列表包含对象的属性名,它的类的属性名和类的基类的属性名。 返回的列表按字母顺序排序。...它总是当前模块的字典(在函数或者方法中,它指定义的模块而不是调用的模块)。 hasattr(object, name) 参数是一个对象和一个字符串。...这是一个整数,它保证在该对象的生命周期内是唯一的和恒定的。具有不重叠寿命的两个对象可以具有相同的id()值。 CPython实现细节:这是内存中对象的地址。...请务必给予附加函数与原始属性相同的名称(在本例中为x)。 返回的property对象还具有对应于构造函数参数的属性fget、fset和fdel。

    1.5K20

    JS葵花宝典秘籍笔记,为你保驾护航金三银四

    return x+y+z; } Object.keys() Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致...你可以使用 call 来实现继承:写一个方法,然后让另外一个新的对象来继承它(而不是在新对象中再写一次这个方法)。...this 指当前对象,也就是正在调用这个函数的对象。 使用 apply, 你可以只写一次这个方法然后在另一个对象中继承它,而不用在新对象中重复写该方法。...join(),将数组的所有元素转换为字符串,并衔接起来。 lastIndexOf(),在数组中反向查找。 map(),从数组的元素中,计算出新的数组元素。 pop(),移除数组最后一个元素。...localCompare() 使用本地定义的顺序比较字符串 replace() 使用正则表达式执行查找与替换操作 search() 在一个字符串中查找匹配某个正则表达式的字串 slice() 返回字符串的一个切片或子串

    1.9K10

    Android开发人员不得不学习的JavaScript基础(二)

    以下常用的几种结点类型: 元素类型 节点类型 元素 1 属性 2 文本 3 注释 8 文档 9 遍历节点树: 方法 说明 childNodes 返回一个数组,这个数组由给定元素节点的子节点 firstChild...insertBefore() 将一个给定节点插入到一个给定元素节点的给定子节点前面 removeChild() 从一个给定元素中删除字子节点 replaceChild(ele) 把一个给定元素里的一个子节点替换成另外一个节点...因为文档中的name属性可能不唯一,所有getElementsByName() 方法返回的是元素的数组,而不是一个元素。 和数组类似也有length属性,可以和访问数组一样的方法来访问,从0开始。...6.5、getElementsByTagName()方法,返回带有指定标签名的节点对象的集合。返回元素的顺序是它们在文档中的顺序。 Tagname是标签的名称,如p、a、img等标签名。...和数组类似也有length属性,可以和访问数组一样的方法来访问,所以从0开始。

    74230

    推荐收藏系列:Spring boot 2.x注解Annotation大全

    数组 可注解在类Class @filter 声明要用作包含过滤器或排除过滤器的类型过滤器 可注解在@ComponentScan中 资源、值等注入注解 可以将配置文件、配置文件中的属性、以及系统属性等注入所需的字段中...Spring容器中是否存在对应的实例,可以通过实例的类型、类名、注解、昵称去容器中查找(可以配置从当前容器中查找或者父容器中查找或者两者一起查找)这些属性都是数组,通过”与”的关系进行查找 可注解方法上...,并且它的值要小于或等于给定的BigDecimalString值 可注释在字段、方法、构造器、参数上 @DecimalMin 所注解的元素必须是数字,并且它的值要大于或等于给定的BigDecimalString...、方法、构造器、参数上 @Max 所注解的元素必须是数字,并且它的值要小于或等于给定的值 可注释在字段、方法、构造器、参数上 @Min 所注解的元素必须是数字,并且它的值要大于或等于给定的值 可注释在字段...String、集合或数组,并且它的长度要符合给定的范围 可注释在字段、方法、构造器、参数上 AOP AspectJ的注解式切面编程: AspectJ的注解式在org.aspectj包下 注解 解析 用法

    68520

    Java集合框架

    ) 数组声明的类型,就决定了进行元素初始化的类型 数组在存储数据方面的弊端 数组初始化之后长度不可变,不便于扩展 数组中提供的属性和方法较少,不便于进行增删改等操作,且效率低,同时无法直接获取存储元素的个数...用户可以对列表中每个元素的插入位置进行精确地控制,同时可以根据元素的整数索引(在列表中的位置,和数组相似,从0开始,到元素个数-1)访问元素,并检索列表中的元素,由于这些特性,List在Collection...Java Set总结 HashSet 底层其实是包装了一个HashMap实现的 底层数据结构是数组+链表 + 红黑树 具有比较好的读取和查找性能, 可以有null 值 通过equals和HashCode...,提供一系列静态方法,实现对集合的查找、排序、替换、线程安全化(将非同步的集合转换成同步的)等操作。...(List,int, int):将指定 list 集合中的 i 处元素和 j 处元素进行交换 查找、替换 Object max(Collection):根据元素的自然顺序,返回给定集合中的最大元素

    1.4K10

    Js中Symbol对象

    Js中Symbol对象 ES6引入了一种新的基本数据类型Symbol,表示独一无二的值,最大的用法是用来定义对象的唯一属性名,Symbol()函数会返回symbol类型的值,该类型具有静态属性和静态方法...一个具有数据类型symbol的值可以被称为符号类型值,在JavaScript运行时环境中,一个符号类型值可以通过调用函数Symbol()创建,这个函数动态地生成了一个匿名,唯一的值。...Symbol.isConcatSpreadable: 布尔值,表明一个对象是否应该flattened为它的数组元素,被Array.prototype.concat()使用。...Symbol.unscopables: 拥有和继承属性名的一个对象的值被排除在与环境绑定的相关对象外。 Symbol.species: 一个用于创建派生对象的构造器函数。...symbol,并放入全局symbol注册表中。

    5.1K00

    JavaScript学习总结(一)——ECMAScript、BOM、DOM(核心、浏览器对象模型与文档对象模型)

    [adgk] 查找给定集合内的任何字符。 [^adgk] 查找给定集合外的任何字符。 (red|blue|green) 查找任何指定的选项。...通过使用全局对象,可以访问所有其他所有预定义的对象、函数和属性。全局对象不是任何对象的属性,所以它没有名称。 在顶层 JavaScript 代码中,可以用关键字 this 引用全局对象。...在 JavaScript 代码嵌入一个特殊环境中时,全局对象通常具有环境特定的属性。...3.3、window对象 window对象在浏览器中具有双重角色:它既是ECMAscript规定的全局global对象,又是javascript访问浏览器窗口的一个接口。...4.4、样式操作方法style style.cssText 可对style中的代码进行读写 style.item() 返回给定位置的CSS属性的名称 style.length style代码块中参数个数

    3.8K70

    JavaScript —— Array 使用汇总

    作为一名前端工程师,数组应该是我们写的最频繁的一种数据结构。所以弄懂 js 中的数组用法,是非常有必要的一件事情。今天我就准备按分类,总结一下数组的各种用法。...Property 属性名 说明 length 数组的 length 属性,值为 0 constructor 数组实例都继承这个属性,表明了所有数组都是由 Array 构造出来的 由于 length 和..., '⚽️'] sort() sort() 方法用原地算法对数组的元素进行排序,并返回数组。默认排序顺序是将元素转换为字符串,比较各个字符串的 Unicode 位点进行排序。...在每一个数组元素都分别执行完回调函数之前,数组的 length 都会被缓存在某个地方,所以在回调函数中动态的为数组添加新属性,这些新属性是不会被遍历到的。...forEach() forEach() 方法对数组中的每个函数执行一次给定的函数。它遍历的范围在第一次调用 callback 前就会确定。

    64210

    JavaScript学习总结(一)——ECMAScript、BOM、DOM(核心、浏览器对象模型与文档对象模型)

    [A-z] 查找任何从大写 A 到小写 z 的字符。 [adgk] 查找给定集合内的任何字符。 [^adgk] 查找给定集合外的任何字符。...通过使用全局对象,可以访问所有其他所有预定义的对象、函数和属性。全局对象不是任何对象的属性,所以它没有名称。 在顶层 JavaScript 代码中,可以用关键字 this 引用全局对象。...在 JavaScript 代码嵌入一个特殊环境中时,全局对象通常具有环境特定的属性。...3.3、window对象 window对象在浏览器中具有双重角色:它既是ECMAscript规定的全局global对象,又是javascript访问浏览器窗口的一个接口。...4.4、样式操作方法style style.cssText 可对style中的代码进行读写 style.item() 返回给定位置的CSS属性的名称 style.length style代码块中参数个数

    2.2K40

    JavaScript学习参考结构

    join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。 pop() 删除并返回数组的最后一个元素 push() 向数组的末尾添加一个或更多元素,并返回新的长度。...shift() 删除并返回数组的第一个元素 slice() 从某个已有的数组返回选定的元素 sort() 对数组的元素进行排序 splice() 删除元素,并向数组添加新元素。...unshift() 向数组的开头添加一个或更多元素,并返回新的长度。 valueOf() 返回数组对象的原始值 算数Math 对象方法 方法 描述 abs(x) 返回数的绝对值。...[adgk] 查找给定集合内的任何字符。 [^adgk] 查找给定集合外的任何字符。 (red|blue|green) 查找任何指定的选项。...returnValue 如果设置了该属性,它的值比事件句柄的返回值优先级高。把这个属性设置为 fasle,可以取消发生事件的源元素的默认动作。

    2K20

    ECMA

    对于所有的对象,它默认返回 Object 对象的一个实例。 Object 对象还具有几个方法: hasOwnProperty(property) 判断对象是否有某个特定的属性。...:替换数组内容,index表示要被替换的起始下标,number表示被替换的元素个数,然后后面参数是要插入的任意个元素,该方法会改变对象自身内容,并且返回删除掉的元素内容. arr.splice(1,3)...arr.pop() : 出栈,删除尾部的最后一个元素,并返回删除的元素 arr.shift() : 删除数组的头部的第一个元素,并将删除的元素返回。...:向数组的头部增加一个或多个元素,并返回数组的长度。...Math.方法名(); 它的属性有: E : 返回自然常数 e,即自然对数的底数,(1+1/n)的n次方,n趋于无穷大(约等于2.71828...)

    1.4K10

    【数据结构】实现字典API:有序数组和无序链表

    对查找表经常进行的操作有: 查询某个特定的数据是否在查找表中 检索某个特定的数据元素的各种属性 在查找表中插入一个数据元素 从查找表中删除某个数据元素 若对查找表只做1,2两种查找的操作, 这样的查找表被称为...put方法的实现思路 调用rank方法返回位置下标 i, 然后根据给定的key判断key == keys[i]是否成立 如果key等于keys[i],说明查找成功, 那么只要替换vals数组中的vals...[i]为新的val就可以了,如图A 如果key不等于keys[i],那么在字典中插入新的 key-val键值对,具体操作是将数组keys和vals中大于给定key和val的元素全部右移一位, 然后使keys...在2中要注意一种特殊情况: 输入的key比字典中所有的元素都小, 这时显然找不到它的floor值,所以返回 -1, 表示操作失败 (假设rank = rank(key) ,三种情况如下图所示   ) ?...在2中要注意一种特殊情况: 输入的key比字典中所有的元素都大, 这时显然找不到它的ceiling值,所以返回 -1, 表示操作失败 【注意】1,2中情况虽然不同,返回值却可以用同一个表达式,这和rank

    1.3K50

    30 个重要数据结构和算法完整介绍(建议收藏保存)

    特性 元素的值按顺序放置,并通过从 0 到数组长度的索引访问; 数组是连续的内存块; 它们通常由相同类型的元素组成(这取决于编程语言); 元素的访问和添加速度很快;搜索和删除不是在 O(1) 中完成的。...链表(Linked Lists) 链表是线性数据结构,就像数组一样。链表和数组的主要区别在于链表的元素不存储在连续的内存位置。它由节点组成——实体存储当前元素的值和下一个元素的地址引用。...在 Windows NT 中(在虚拟内存、网络和文件系统代码中),Splay 树用于缓存、内存分配器、垃圾收集器、数据压缩、绳索(替换用于长文本字符串的字符串)。...通过在字典中查找单词或在同一文本中查找该单词的其他实例,也可以使用 trie 来完成键入单词的正字法自动更正。...并查集 (DSU) 允许我们做两个操作: 1.UNION — 组合任意两个集合(或者统一两个不同元素的集合,如果它们不是来自同一个集合); 2.FIND — 查找元素来自的集合。

    2.8K31
    领券