1.数组元素childNodes[0]有更直观易读的优点,这边在介绍一个有同样功能的属性,且更加语义化-------->firstChild属性 假设我们需要目标元素节点下的所有子元素中的第一个子元素我们可以这样做...lastChild属性更加的语义化,而且代码更加的简洁,方便我们记忆; 注意:firstChild和lastChild只能对单个节点就行操作,不能对节点数组进行操作; 2.nodeValue属性 作用... var p = document.getElementById("description"); alert(p.nodeValue... var p = document.getElementById("description"); alert(p.childNodes...[0].nodeValue); 学完nodeValue属性后我们能给我们的JS图片库加一个新的功能。
1.childNodes属性:在一颗节点树上,childNodes属性可以用来获取任何一个元素的所有元素,它是一个包含这个元素所有子元素的数组。... function countBodyChildren() {...nodeType属性来解释为什么会是3!...(1)元素节点的nodeType属性值是1. (2)属性节点的nodeType属性值是2. (3)文本节点的nodeType属性值是3....title,href都是属性节点。
看《深入理解JavaScript》的this篇时看到“访问器属性”这个不熟悉的名词,百度后找到两篇感觉比较合适的文章,整合记录一下,以参考资料2为主,参考资料1为辅助补充。...数据属性 数据属性包含一个数据值的位置。在这个位置可以读取和写入值。数据属性有 4 个描述其行为的特性。...[[Configurable]]:表示能否通过 delete 删除属性从而重新定义属性,能否修改属性的特性,或者能否把属性修改为访问器属性。...[[Configurable]]:表示能否通过 delete 删除属性从而重新定义属性,能否修改属性的特性,或者能否把属性修改为数据属性。...参考资料 JavaScript笔记--数据属性和访问器属性 JavaScript 属性类型(数据属性和访问器属性)
2017-05-03 11:54:33 NaN 属性是代表非数字值的特殊值。该属性用于指示某个值不是数字。可以把 Number 对象设置为该值,来指示其不是数字值。...JavaScript 以 NaN 的形式输出 Number.NaN。请注意,NaN 与其他数值进行比较的结果总是不相等的,包括它自身在内。... var Month=30; if (Month 12) { Month = Number.NaN; }
JavaScript被很多人认为并不是一种面向对象语言,原因有很多种,比如JavaScript没有类,不能提供传统的类式继承;再比如JavaScript不能实现信息的隐藏,不能实现私有成员。...本文并不是为了打破以上误解(实际上笔者自己也有困惑),只是简单介绍几种JavaScript实现私有属性的方式,以及各自的优劣。 1....而且也并没有实现私有属性,上述代码中的实例person可以直接访问到_name属性: alert(person._name); //'Joe' 2....基于闭包的实现方式 另外一种比较普遍的方式是利用JavaScript的闭包特性。...,Person 的实例并不能直接访问_name属性,只能通过特权函数getName获取: alert(person.
在JavaScript中,所有的对象都是一组属性的集合,属性可以是数值,字符串等原始类型,也可以是函数,或者是其他对象。 属性的类型 JavaScript中的属性有两种类型:数据属性和访问器属性。...属性的特性 ES5开始,JavaScript为属性提供了三个特性用于描述其各种特征。特性是内部值,不能直接访问。...,因此访问objC.prop1时,JavaScript将会按照objC—>objB—>objA的原型链进行顺序查找,最后从objA中取出该属性值。...console.log(objC.prop1); //20 console.log(objB.prop1); //10 console.log(objA.prop1); //10 属性的键值 JavaScript...事实上,JavaScript中的数组(Array),本质上也是一个键/值对的集合,数值类型的自然索引也是作为属性名(键)存在的。
在无意间漫游网上的文章时,看到一个指出对JavaScript误解的部分提到了这个关于JavaScript私有对象的问题。...事实上不能算是真正的私有属性。 我们知道在面向对象编程中,一个类的属性、方法如果能够被其他类访问调用,那么这个是public 公开属性、方法。 但是他有一个隐式条件就是,他也能被类自身其他的方法访问。...类的private 私有属性、方法虽然不能被外部属性访问,但是他是需要满足被同一个父类下的其他方法访问的。...而局部变量是方法内部创建的,他只能在当前方法的生命周期内被调用,如果一个JavaScript对象中包含了多个方法,在方法内部var创建的属性和方法,是不能被其他任何方法、包括同一个类的其他子方法调用。...---- 在现代JavaScript的很多案例中,如果希望保持属性的私有性,我们一般可以采用 封装返回的方式生成对象。
获取的页面元素,就可以对页面元素的属性进行操作,属性的操作包括属性的读和写。 操作属性的方法 1、“.”...操作 2、“[ ]”操作 属性写法 1、html的属性和js里面属性写法一样 2、“class” 属性写成 “className” 3、“style” 属性里面的属性,有横杠的改成驼峰式,比如:“...font-size”,改成”style.fontSize” 通过“.”操作属性: window.onload = function...document.getElementById('input1'); var oA = document.getElementById('link1'); // 读取属性值...通过“[ ]”操作属性: window.onload = function(){ var oInput1 =
在JavaScript中对象被定义为"无序属性的集合,其属性可以包含基本值、对象或函数。"通俗点讲,我们可以把对象理解为一组一组的名值对,其中值可以是数据或函数。...上面的注释中是分别对各个属性修改后的影响的测试。大家可以自己运行下试试效果。 属性类型 JavaScript中定义了两种不同的属性:数据属性和访问器属性。...在JavaScript中不能直接访问特性,我们把它放在两对方括号中,例如[[Enumerable]]。 •数据属性 数据属性主要有四个特性描述其行为: 1....,这就是javascript中的属性特性,它能设置属性的值,可编辑,可删除,可迭代特性。...其他 另外还有 Object.definePropties可以批量为属性设置特性 在javascript中,对象的属性分为数据属性和存储器属性两种: 两种属性的区别 我们使用Object.defineProperty
当CSS使用伪类开始侵入DOM和JavaSCript所控制着的行为层时,DOM和JavaScript也使用他们的一系列样式去控制表现层,这篇随笔主要说的就是利用JavaScript去控制元素的表现形式,...,JavaScript解释器会把font-weight中间的‘-’当作减号来看那上面这句代码的意思就变成(目标元素.style.font)减去weight变量的值,这将完全违背我们的本意..../js/utility.js" type="text/javascript"> var insertposition...所以这个时候如果把Css和JavaScript结合往往能产生很好的效果,关于这个你可以去我的下一个随笔关于className属性的介绍http://www.cnblogs.com/GreenLeaves
在前面的style属性学习中,知道了通过style属性可以控制元素的样式,从而实现了行为层通过DOM的style属性去干预变现层显示的目地,但是这种就是不好的,而且为了实现通过DOM脚本设置的样式...,你就不得不花时间去研究JavaScript函数,去寻找对应修改和设置样式的有关语句。...所以与其使用DOM直接改变莫个元素的样式,不如通过JavaScript代码去更新这个元素的class属性。...但是通过className设置元素的样式也有一个缺陷,那就是通过className设置元素的class属性时将替换(而不是追加)该元素原有的class属性,在实际开发中往往很多时候我们需要追加class
属性的操作 首先获取的页面标签元素,然后就可以对页面标签元素的属性进行操作,属性的操作包括: 属性的读取 属性的设置 属性名在js中的写法 html的属性和js里面属性大多数写法一样,但是“class”...属性写成 “className” “style” 属性里面的属性,有横杠的改成驼峰式,比如:“font-size”,改成”style.fontSize” .sty01{...font-size:30px; color:pink; text-decoration:none; } 这是一个链接 2. innerHTML innerHTML可以读取或者设置标签包裹的内容 设置属性
} this.setAccount = function (a) { account = a; } } 私有化属性是指...,每个对象在调用这个属性时都得先set进去值然后再获取,并且不是公用的。...公共属性是,每个新构造的对像访问的都是一个属性,公用的
函数的属性和方法 name 属性 函数的name属性返回函数的名字。 function f1() {} f1.name // "f1" 如果是通过变量赋值定义的函数,那么name属性返回变量名。...var f2 = function () {}; f2.name // "f2" name属性的一个用处,就是获取参数函数的名字。...myFunc = function () {}; function test(f) { console.log(f.name); } test(myFunc) // myFunc length 属性...函数的length属性返回函数预期传入的参数个数,即函数定义之中的参数个数。
注意:element.classList.remove()、element.classList.add() — ie9及以下不兼容 // 移除div的class属性 obj.classList.remove...('active'); // 添加class属性值 // 方式一 obj.className += 'new active'; // 方式二 // obj.className = 'new...active'; // 方式三:属性值不能有空格,例如'new active' // obj.classList.add('newActive'); 1、执行obj.classList.remove...('active');移除原先的class属性 2、添加新的class属性 3、有空格的情况下执行obj.classList.add('new active');会报错 改成
在2016年6月发布的ECMAScript 2016的同一时期,令JavaScript开发人员开心的是知道另一组很棒的提案已经达到了第4阶段(完成)。...关于顺序上的笔记 JavaScript对象是简单的键值映射。所以对象的属性的顺序是无关紧要的。在大多数情况下,你不应该依赖它。...这个函数还可以很容易地将普通JavaScript对象属性导出到Map对象中。Map能够更好地支持传统的map(或hash)行为。...原文: https://www.w3cplus.com/javascript/how-to-iterate-easily-over-object-properties-in-javascript.html...© w3cplus.com ---- 往期精选文章 使用虚拟dom和JavaScript构建完全响应式的UI框架 扩展 Vue 组件 使用Three.js制作酷炫无比的无穷隧道特效 一个治愈JavaScript
什么是节点属性?比如一个 Input 元素,它有一些 class、id、name、value 等信息。这些信息就被称作为节点的属性,我们可以通过 DOM 获取和设定这些信息。...HTML 信息 图片 JavaScript 代码 // 获取节点属性 var objInput = document.getElementsByTagName(“input”)[0]; console.log...objInput.className); // class 是 js 关键字,所以需要用 className console.log(objInput.weight); // 非 W3C 属性...= “Hello JavaScript”; objInput.className = “newClass”; // objInput.setAttribute(“class”, “setAttribute...newClass”); objInput.setAttribute(“weight”, “200”); // 获取属性节点列表,attr 将是一个 var attr = objInput.attributes
} Dog.prototype = Animal; var dog2 = new Dog(12); console.log(dog2);//{age: 12} dog2对象的name属性不见了...概念: 在segmentfault社区找到相关概念: 当为一个对象属性赋值是要遵循以下规则: 当对象的原型链中的原型对象上有对应的属性名,但是其是只读的,那么对象属性的赋值操作无效; 当对象的原型链中的原型对象上有对应的属性名...,但是其是可写的,且设置了set方法,那么对象属性的赋值操作无效,转而调用调用原型对象中的属性的set方法; 当对象的原型链中的原型对象上有没有对应的属性名,那么直接在当前对象上添加这个属性(如果没有这个属性...Animal, 'name') //Object {value: "Animal", writable: false, enumerable: false, configurable: true} //属性...'name'只读,所以再次赋值无效 //通过知道属性只读,对象属性赋值操作无效,那么我们可以更改name的property-wirteable为true,如下 Object.defineProperty
该属性仅当相关函数正在执行时才可用。...Object is a String.// Object constructor is MyObj. length functionName.length 创建函数的实例后,脚本引擎将该函数的 length 属性初始化..., 2));// Output: // Expected Arguments: 2// Passed Arguments: 2 prototype objectName.prototype 所有内部 JavaScript...对象都有一个只读的 prototype 属性。 ...可将属性和方法添加到原型中,但不能为 对象分配其他原型。 但是,可以向用户定义的对象分配新的原型。
在JS中ReadOnly属性比较奇怪,直接创建一个对象,给该对象赋值readonly属性不能够向HTML中一样使用下面的方式: var x=document.createElement("input"
领取专属 10元无门槛券
手把手带您无忧上云