JavaScript操作DOM对象

最新推荐文章于 2025-09-10 19:44:49 发布

转载最新推荐文章于 2025-09-10 19:44:49 发布 · 44 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/fkx1/p/8780154.html

文章标签：

#javascript #ViewUI

本文详细介绍了如何使用DOM API进行节点访问、属性操作及节点的创建与删除，并提供了JavaScript中创建对象的不同方法，包括构造函数和原型链的使用。

---恢复内容开始---

.dom-core document.getElementById("form1");
html-dom :document.form1

1.根据层次关系访问节点

childNodes：
var childNodes=document.getElementById('myul').childNodes;
    for (var i = 0; i < childNodes.length; i++) {
     if(childNodes[i].nodeType==1){
      alert(childNodes[i].innerHTML);
     }
    }

firstChild：
 var firstChild=document.getElementById('myul').firstChild;
   alert(firstChild.nodeType);
window.onload=function(){
   var firstChild=document.getElementById('first').nextSibling;
   alert(firstChild.nodeType);
  }

2.节点和节点关系

3.节点属性：

　　parentNode (返回节点的父节点)

　　childNodes　　(返回子节点集合，childNodes[i])

　　firstChild　　(返回节点的第一个子节点，最普遍的用法是访问，该元素的文本节点)

　　lastChild　　(返回节点的最后一个子节点)

　　next Sibling　　(下一个节点)

　　previousSibling　　(上一个节点)

4.element属性

　　firstElementChild　　（返回节点的第一个子节点，最普遍的用法是访问该元素的文本节点）

　　lastElementChild　　（返回节点的最后一个子节点）

　　nextEl ementSibling　　（下一个节点）

　　previousElementSibling　　（上一个节点）

5.节点信息

6..操作节点

操作节点的属性

创建和插入节点

删除和替换节点

谁的XXX方法 X的Y方法的Z参数

操作节点样式

获取元素的样式

7.删除和替换节点

　　removeChild( node)　　(删除指定的节点)

　　replaceChild( newNode,oldNode)　　(用其他的节点替换指定的节点)

1.创建对象
     1.基于Object对象的方式创建对象
           var person=new Object();
    person.name='张三';
    person.age=12;
    person.sayHello=function(){
     alert(this.name);
    };
    person.sayHello();
    2.使用字面量赋值方式创建对象
        var person={
     name:'张三',
     age:12,
     sayHello:function(){
      alert(this.name);
     }

    };
    person.sayHello();

2.构造函数和原型对象

constructor属性
alert(p1.constructor==Person);

3.原型：prototype是一个指针（类），指向的是对象或者是类型的模板，这个模板就是原型对象
_proto_ 是一个指针（对象）

4.原型对象：prototype（原型）：白话：指针/引用，一个函数的原型对象
   函数.prototype==对象.__proto__
Person.protype.name
Person.protype.age
Person.protype.showInfo
每一个函数都有一个prototype属性

5.原型链：
   父级构造函数有可能成为其他构造函数的子级构造函数，这种层层递进，就是原型链。
   白话文：一个原型对象是另外一个原型对象的实例,多个原型对象形成的层层递进的关系，就是原型链。
白话文：有继承关系的多个函数的原型对象，用一个链条连接起来，具备可以依次寻址的功能，就是原型链。

       Man.prototype=new Humens();

---恢复内容结束---

转载于:https://www.cnblogs.com/fkx1/p/8780154.html