create.js

来自「这是《JavaScript学习源代码》一书的源代码」· JavaScript 代码 · 共 45 行

// declare global variables
var pic, tag, target;

// a function to create and append HTML element objects
function append()

{
  if (!pic) 	
  {
    // create a new img element
    pic = window.document.createElement("img");		
  
    pic.setAttribute("src","deedee.gif");
  }
 
  if(!tag)
  {
    // create a new span element
    tag = window.document.createElement("span");		
    var lbl = window.document.createTextNode("Hi Everyone!");

    tag.appendChild(lbl);
  }

    // specify an existing element to append new elements 
    target = window.document.getElementById("para");
  
    target.appendChild(pic);

    target.appendChild(tag);
}


// a function to remove appended HTML objects
function remove()
{

  if(target.hasChildNodes()) 				
  {
    target.removeChild(pic);
    target.removeChild(tag);
  }
}