节点操作,属性 1. childNodes.children 这两个属性获取到的子节点会根据浏览器的不同而不同的,所以一定要判断下nodeType是否为1. childNodes获取到的是NodeList children获取到的是HTMLCollection NodeList and HTMLCollection 他们都提供了name(Number index)方法用来索引元素,可以直接用[index]来引用: 他们的区别在于NodeList没有提供namedItem(String name)…

最近去几家公司面试,发现大多数时候面试的内容考的都是原生的js语法和属性,所以我决心整理一下原生的dom元素的属性. 首先,我我们需要获取一个element元素 <li id="2">菜单B</li> 下面列举出在 google chrome 下的属性.(图片) 1.第一块 2.第二块 3.第三块 4.第四块 5.第五块 6.第六块 7.第七块 -----------------------------------------------------     华…

还是先从浏览器直观的感受下实例属性和方法. 实例属性: 对应解释如下: vm._uid // 自增的id vm._isVue // 标示是vue对象,避免被observe vm._renderProxy // Proxy代理对象 vm._self // 当前vm实例 vm.$parent // 用于自定义子组件中,指向父组件的实例 vm.$root // 指向根vm实例 vm.$children // 当前组件的子组件实例数组 vm.$refs vm._watcher = null vm._in…

12.2  SVG DOM常用属性和方法介绍 将以Adobe SVG Viewer提供的属性和方法为准,因为不同解析器对JavaScript以及相关的属性和方法支持的程度不同,有些方法和属性是某个解析器所特有的.SVG支持DOM2标准. 12.2.1  文档初始化相关 —  evt属性 evt表示事件本身,可以通过evt获取与当前事件相关的信息,用户可以在script中定义响应函数,进行相应的处理.它与普通JavaScript脚本中的event基本相同,只不过在普通JavaScript的脚本中简…

js函数的属性和方法 前面的话 函数是javascript中特殊的对象,可以拥有属性和方法,就像普通的对象拥有属性和方法一样.甚至可以用Function()构造函数来创建新的函数对象.本文是深入理解javascript函数系列第三篇——属性和方法 属性 [length属性] 函数系列第二篇中介绍过,arguments对象的length属性表示实参个数,而函数的length属性则表示形参个数 function add(x,y){ console.log(arguments.length)//3 c…

Element类型 除了Document类型,我们Web编程中最常用的类型就是Element类型啦.Element 类型用于表现XML或HTML元素,提供了对元素标签名,子节点,特性的访问 特征 nodeType值为1 nodeName为元素标签名 nodeValue为null parentNode可能是Document或Element 子节点可能是Element,Text,Comment,ProcessingInstruction,CDATASection,EntityReference 其中…

Dom元素基本操作方法API,先记录下,方便以后使用. W3C DOM和JavaScript很容易混淆不清.DOM是面向HTML和XML文档的API,为文档提供了结构化表示,并定义了如何通过脚本来访 问文档结构.JavaScript则是用于访问和处理DOM的语言.如果没有DOM,JavaScript根本没有Web页面和构成页面元素的概念.文档 中的每个元素都是DOM的一部分,这就使得JavaScript可以访问元素的属性和方法. DOM独立于具体的编程语言,通常通过JavaScript访问DOM…

将以Adobe SVG Viewer提供的属性和方法为准,因为不同解析器对JavaScript以及相关的属性和方法支持的程度不同,有些方法和属性是某个解析器所特有的.SVG支持DOM2标准. 12.2.1  文档初始化相关 evt属性 evt表示事件本身,可以通过evt获取与当前事件相关的信息,用户可以在script中定义响应函数,进行相应的处理.它与普通JavaScript脚本中的event基本相同,只不过在普通JavaScript的脚本中简写成“e”. ownerDocument属性 通过引…

Node对象的节点类型***************************************************接口 nodeType常量 nodeType值 备注Element Node.ELEMENT_NODE 1 元素节点Text Node.TEXT_NODE 3 文本节点Document Node.DOCUMENT_NODE 9 documentComment Node.COMMENT_NODE 8 注释的文本DocumentFragment Node.DOCUMENT_FR…

1,自定义对象. 根据JS的对象扩展机制,用户可以自定义JS对象,这与Java语言有类似的地方. 与自定义对象相对应的是JS标准对象,例如Date.Array.Math等等. 2,原型(prototype) 在JS中,这是一种创建对象属性和方法的方式,通过prototype可以为对象添加新的属性和方法. 通过prototype我们可以为JS标准对象添加新的属性和方法,例如对于String对象,我们可以为其添加一个新的方法trim(). 与严格的编程语言(例如Java)不同,我们可以在运行期间为J…

平时在写的代码过程中,经常会遇到对对象Object的数据处理.而在对对象的数据处理中,操作最频繁的是“数据引用”.“值的修改”.“获取关键字(属性)”.平时最烦的也是“获取关键字”,经常忘记怎么去获取,这里做一下整理. 既然要"获取关键字",那么得首先有一个对象才行.创建对象的方式很多,我自己惯用的方式有三种: 1.通过原始构造函数 new Object();创建一个对象,然后赋值: var testObj= new Object(); testObj.name = "sha…

var testObj= new Object(); testObj.name = "shangguan"; testObj.age= ; testObj.action = function () { return this.name; } 1.对象内置属性方法:Object.keys():该方法返回一个数组,数组内包括对象内可枚举属性以及方法名称. var keys= Object.keys(testObj); console.log(keys); // 输出 keys ["…

愉快的中秋节要过去了,国庆倒计时两个周!!! 闲话不多说,那今天我们来看一看JS中枚举对象属性的方法有哪些以及他们的区别 首先在JS里面枚举对象属性一共有三种方法 for in: 会遍历对象中所有的可枚举属性(包括自有属性和继承属性) Object.keys(): 会返回一个包括所有的可枚举的自有属性的名称组成的数组 Object.getOwnPropertyNames(): 会返回自有属性的名称 (不管是不是可枚举的) 下面我们一个一个的拆解开来看一下 for in:  会遍历对象中所有的可枚…

//object 对象 属性和方法的使用 var person = new Object(); person.name="张海"; person.age="; person.say=function(){ console.log(person.name+"他在说话!"+"\t他已经"+person.age+"岁"); }; person.eat=function(){ console.log(person.name+…

一般在JS页面延迟执行一些方法.可以使用以下的方法 jQuery.delay()方法简介 http://shawphy.com/2010/11/jquery-delay.html jQuery中queue和dequeue的用法 http://www.jb51.net/article/25481.htm Window.setTimeout http://www.jb51.net/article/20741.htm以下是我用到的一些例子. 复制代码代码如下: //延迟查询,传一个查询btn的ID,然…

List<T> 类与 ArrayList 类比较类似.它实现了 IList<T> 泛型接口,长度可以动态增加. 可以使用 Add 或 AddRange 方法将项添加到 List<T> . List<T> 类使用的相等比较器和排序比较器如下: Contains.IndexOf.LastIndexOf.和 Remove 用于对列表中的元素进行相等比较.默认的相等比较器 T 按如下方式确定:如果类型 T 实现 IEquatable<T> 泛型接口,则相…

list属性和方法 补一个超实用的函数 envmerate(列表名, [start=0])  作用:  将一个可遍历的数据对象(如列表.元组或字符串)组合为一个索引序列,同时列出数据和数据下标,一般用在 for 循环当中, start表示索引的起始值,默认为0. 例: 1.两列表连接 list1+list2 .list1.__add__(list2) 效果一样 将两列表相连返回一个新列表 不改变list1和list2 list1.extend(列表,元组,字符串).list1.__iadd__(…

window对象有以下方法: open close alert confirm prompt setTimeout clearTimeout setInterval clearInterval moveBy moveTo resizeBy resizeTo scrollBy scrollTo find back forward home stop print blur focus captureEvent enableExternalCapture disableExternalCapture…

DOM:Document Object Model文档对象模型,用于让程序(js)取操作页面中的元素.DOM节点类型有12种. (一)属性 一.子节点操作1.所有子节点(1)元素.childNodes ==>只读,元素子节点列表集合(只包含一级子节点,不包含后辈孙级以下节点)标准浏览器:包含了文本和元素类型节点,也会包含非法嵌套的子节点.非标准浏览器:只包含元素类型节点,IE7以下不包含非法嵌套的子节点.兼容处理:由于文本节点无背景等样式,故在设置样式前用.nodeType判断节点类型.元素.n…

Document想必大家并不陌生吧,在使用js的过程中会经常遇到它,那么它有哪些属性.哪些方法,在本文将以示例为大家详细介绍下,希望对大家有所帮助 document.title //设置文档标题等价于HTML的title标签 document.bgColor //设置页面背景色 document.fgColor //设置前景色(文本颜色) document.linkColor //未点击过的链接颜色 document.alinkColor //激活链接(焦点在此链接上)的颜色 document.…

Attributes 存储节点的属性列表(只读)childNodes 存储节点的子节点列表(只读)dataType 返回此节点的数据类型Definition 以DTD或XML模式给出的节点的定义(只读)Doctype 指定文档类型节点(只读)documentElement 返回文档的根元素(可读写)firstChild 返回当前节点的第一个子节点(只读)Implementation 返回XMLDOMImplementation对象lastChild 返回当前节点最后一个子节点(只读)nextSi…

MDN上说的很清楚 MutationObserver给开发者们提供了一种能在某个范围内的DOM树发生变化时作出适当反应的能力.该API设计用来替换掉在DOM3事件规范中引入的Mutation事件 config childList 观察目标节点的子节点(增, 删),则设置为true. attributes 观察目标节点的属性节点(增,删,改)设为true. characterData 如果目标节点为characterData节点(一种抽象接口,具体可以为文本节点,注释节点,以及处理指令节点)时,也…

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="div1"> </div> <input value="加张图片" id="img&q…

记录对象的一些实用使用方法及属性 // Object.assign() 多个对象合并 key相同则后面的覆盖前面的 const target = { a: 1, b: 2 }; const source = { b: 4, c: 5 }; const returnedTarget = Object.assign(target, source); console.log(returnedTarget) // { a: 1, b: 4, c: 5 } // 克隆一个对象 原对象改变不会改变克隆的对象…

document.title //设置文档标题等价于HTML的title标签document.bgColor //设置页面背景色document.fgColor //设置前景色(文本颜色)document.linkColor //未点击过的链接颜色document.alinkColor //激活链接(焦点在此链接上)的颜色document.vlinkColor //已点击过的链接颜色document.URL //设置URL属性从而在同一窗口打开另一网页document.fileCreatedDa…

按照如下的创建对象的方法,可以节省内存.记录一下方便日后使用 <!Doctype html><html> <head> <title></title> </head> <body> <script> var Person = function(name,age){ this.name = name; this.age = age; }; Person.prototype={ setName:function(n…

console.dir() namespaceURI: "http://www.w3.org/1999/xhtml" nextElementSibling: null nextSibling: null nodeName: "BODY" nodeType: 1 nodeValue: null offsetHeight: 608 offsetLeft: 0 offsetParent: nul loffsetTop: 0 offsetWidth: 1333 onabor…

遍历:arr_Param.forEach(function (item, i) {}); 反序排序:arr_Param.reverse(); 合并数组:arr_Param.push.apply(arr_Param, ["a","b","c"]); 判断数组中是否每个元素都满足条件:arr.every(function(value,index,array){return 条件}) 判断数组中是否至少有一个元素满足条件:arr.some(functi…

平时多做企业应用开发,抱着实用为主,对前端技术理解得比较肤浅,下面就是肤浅地对 js 数组的属性和方法及对它操作的 jquery 方法做些记录: js 数组是 js 内建的一个非常强大数据类型,由于 js 是弱类型语言,所以一个数组可以保存多种类型的数据: 数字.字符串.对象.函数.布尔... ...: var arr = [1,{name:'Jonh',id:1001}, function(){console.log('test');},'hello world',true]; 常用访问数组元…

org.w3c.dom.Element 缺少 setTextContent 方法 今天将项目环境由jdk5改为jdk6,eclipse重新编译工程后,却突然出现org.w3c.dom.Element没有setTextContent方法 的编译错. 放狗搜后,发现主要是 xercesImpl.jar 和 xml-apis.jar的Element版本太老造成的,setTextContent是DOM3中的方法. 但在pom文件中,未发现有直接引用这两个jar包的地方.好在eclipse maven插件…