浅谈javascript中的DOM方法_javascript技巧

1:获取对象的三种方法

  1)document.getElementById(id);通过对象的属性id来获取;

  2)element.getElementByTagName(tag);通过标签名来获取;

  3)element.getElementByClassName(class);通过属性类名来获取;

2:属性的set和get方法.

  1)object.getAttribute(attribute);获取元素的属性.===>>>HTMLDOM: object.attribute;

  2)object.setAttribute(attribute,value);设置元素的属性.====>>>HTMLDOM:object.attribute=value;

3:有关节点的一些属性

  1)childNodes属性:返回一个数组.

    element.childNodes[0]等价于element.firstChild

    element.childNodes[element.childNodes.length]等价于element.lastChild

  2)nodeType属性:共有12种可能的取值.但其中仅有3种具有使用价值

    元素节点的nodeType=1

    属性节点的nodeType=2

    文本节点的nodeType=3

  3)nodeValue属性:主要功能是改变元素中的文本内容功能类似object.innerHTML

    例如:<p id="p">这是一个文本节点</p>

    var p=document.getElementById("p");

    p.childNodes[0].nodeValue="改变文本节点的内容";

    这样就改变了p节点中的内容;

    也可以这样实现:p.innerHTML="改变文本节点的内容";

以上所述就是本文的全部内容了,希望大家能够喜欢。

时间: 2024-10-01 06:46:11

浅谈javascript中的DOM方法_javascript技巧的相关文章

浅谈JavaScript中的分支结构_javascript技巧

说到JavaScript中的分支结构,我们就不得不提到流程控制这个词,我们所有的程序都是由数据和算法组成的. 程序=数据+算法 通常我们所说的算法都可以通过"顺序","分支","循环"三种结构来组合完成. 在ECMA中规定了一些语句(也称为流程控制语句,分支结构语句),从本质上来说,这些语句定义了ECMAScript中的主要语法,语句通常使用一个或者多个关键字来完成给定任务. 1.1 if 语句 if 语句 - 只有当指定条件为 true 时,使

浅谈JavaScript中运算符的优先级_javascript技巧

运算符优先级 JavaScript中的运算符优先级是一套规则.该规则在计算表达式时控制运算符执行的顺序.具有较高优先级的运算符先于较低优先级的运算符执行.例如,乘法的执行先于加法. 下表按从最高到最低的优先级列出JavaScript运算符.具有相同优先级的运算符按从左至右的顺序求值. 运算符 描述 . [] () 字段访问.数组下标.函数调用以及表达式分组 ++ -- - ~ ! delete new typeof void 一元运算符.返回数据类型.对象创建.未定义值 * / % 乘法.除法.

浅谈Javascript实现继承的方法_javascript技巧

S1:js中一切皆对象,想想如果要实现对父对象属性和方法的继承,最初我们会怎样子来实现呢,考虑到原型的概念,最初我是这样来实现继承的 function Parent(){    this.name='123'; } Parent.prototype.getName=function(){    return this.name; } function Son(){    this.age=20; } Son.prototype=new Parent(); Son.prototype.getAge

浅谈JavaScript中指针和地址_javascript技巧

个人理解:指针只是指向内存的一个索引:而地址则是内存中确切的位置. 下面是函数中关于指针和地址一个小例子: function sum(num1,num2){ return num1+num2; } alert(sum(10,10)); //20 var anotherSum=sum; alert(anotherSum(10,10)); //20 sum=null; alert(anotherSum(10,10)); //20  注意:使用不带圆括号的函数的名是访问函数指针,而非调用函数,所以 s

浅谈javascript 函数属性和方法_javascript技巧

        每个函数都包含两个属性:length 和 prototype         length:当前函数希望接受的命名参数的个数         prototype:是保存他们所有实力方法的真正所在 复制代码 代码如下:         function sayName(name) {             alert(name);         }         function sum(num1, num2) {             return num1 + num2

浅谈Javascript中的Label语句_javascript技巧

Label 语句,按书本上说的语法是:        Label: statement 如: begin: for (var i = 0; i < 10 ; i++ ){ alert(i); } 举一个比较典型的例子,看完后即明白 Label 的应用:(未添加 Label) var num = 0; for (var i = 0 ; i < 10 ; i++){ for (var j = 0 ; j < 10 ; j++){ if( i == 5 && j == 5 ){

浅谈javascript中的Function和Arguments_javascript技巧

javascript的Function 属性: 1.Arguments对象 2.caller  对调用单前函数的Function的引用,如果是顶层代码调用,  则返回null(firefox返回undefined).  注:只有在代码执行时才有意义 3.length  声明函数是指定的命名参数的个数(函数定义是,定义参数的个数) 4.prototype  一个对象,用于构造函数,这个对象定义的属性和方法  由构造函数创建的所有对象共享. 方法:  applay() --> applay(this

浅谈JavaScript对象的创建方式_javascript技巧

通过Object构造函数或对象字面量创建对象时,使用同一个接口创建很多对象时,会产生大量的重复代码.为了简化,引入了工厂模式. 工厂模式 function createPerson(name, age, job) { var obj = new Object(); obj.name = name; obj.age = age; obj.job = job; obj.sayHello(){ alert(this.name); }; return obj; } var p1 = createPers

浅谈js中对象的使用_javascript技巧

简单记录javascript中对象的使用 一.创建对象 //创建一个空对象 var o={}; //创建一个含有两个属性的对象,x.y var o2={x:12,y:'12',name:'JS'}; //此对象中的author属性的值还是一个对象 var o3={x:12,author:{name:'JS',age:23,address:'china'}}; //创建一个空对象和{}一样 var o4=new Object(); //给对象增加name属性 o4.name='JS' 上面使用了两