创建节点,添加文本

<script src="showpic.js"></script> //
document.write()

document.getElementById("ltest")
alert(test.innerhtml)   //展示id为test的节点的属性值。

var test=document.getElementById("test")
test.innerhtml="<p>...</p>"为id为test的节点设置属性值。

var para= document.creatElement("p")//创建元素节点
var text= document.creatTextNode("Hello World")//创建文本节点
para.appendChild(text)//将文本节点插入元素节点中

//检验creatElememt。
function(){
  var para=document.creatElement("p")
  var info="nodeName: "
  info+=para.nodeName
  info+="nodeType: "
  info+=para.nodeType
  alert(info)
}

   //利用creatElement,creatTextNode和appendChild方法实现图片的展示标签和描述标签的创建
var holeplace = document.creatElement("img")   //创建img元素节点
holdplace.setAttribute("id","holdplace")       //定义Id 属性值
holdplace.setAttribute("src",holdplace.png)    // 定义src属性值
var description=document.creatElement("p")     // 创建p节点元素
var destext=document.creatTextNode("Chose a gif")//创建文本节点元素
description.appendChild(destext)                 //将文本节点插入出入元素节点中
// 将图片的展示标签和描述标签插入文本中。
document.body.appendChild(holdplace)
document.body.appendChild(description) 



猜你喜欢

转载自1508144386.iteye.com/blog/2412259
今日推荐