• 【DOM编程艺术】动态创建标记(签)---创建和插入节点


    window.onload=function(){
        var para=document.createElement('p');
        var info= 'nodeName:';
        info += para.nodeName;
        info += '  nodeType:';
        info += para.nodeType;
        alert(info);    //nodeName:P nodeType:1
    }

    createElement用来创建元素节点

    创建P元素后,P元素就像任何其他的节点一样有了自己的DOM属性。即nodeName和nodeType值

    window.onload=function(){
        var para=document.createElement('p');
        var testdiv=document.getElementById('testdiv');
        testdiv.appendChild(para);
        alert(testdiv.innerHTML); //<p></p>
    }

    创建元素,后插入文档中

    window.onload=function(){
        var para=document.createElement('p');
        var testdiv=document.getElementById('testdiv');
        testdiv.appendChild(para);
        var txt=document.createTextNode('Hello world!');
        para.appendChild(txt);
        alert(testdiv.innerHTML); //<p>Hello world!</p>
    }

    以上例子是按照以下顺序来创建和插入节点的:

    (1)创建一个p元素

    (2)将p元素插入到文档的一个元素节点上

    (3)创建一个文本节点

    (4)将文本节点插入到刚才创建的p元素节点上

  • 相关阅读:
    面向对象设计大作业第二阶段:图书馆系统
    OO之接口-DAO模式代码阅读及应用
    OO设计-有理数类的设计
    DS博客作业05--查找
    DS博客作业04--图
    DS博客作业03--树
    DS博客作业02--栈和队列
    DS01——线性表
    c博客06-结构体&文件
    C语言博客作业05——指针
  • 原文地址:https://www.cnblogs.com/positive/p/3665475.html
Copyright © 2020-2023  润新知