以及利用getAttribute来获取节点元素的某些特性，利用setAttribute来修改某些节点的属性。
下面我们将介绍一些DOM方法利用javascrip来改变网页的架构。
本片博客内容：
1、传统技术：document.write;innerHTML.
2、深入剖析DOM方法：creatElement、createTextNode、appendChild、insertBefor。
1、传统的定义方法
document.write 方法：
例1：
Test
例2：
function insertP(text){
var str= ""
str += text
str += "
" //利用字符串的拼接构造"p"标签以及其内容
document.write(str)
}
将函数保存在 example.js 中。
Test
innerHTML 方法：
现如今几乎所有的浏览器都支持innerHTML方法，这个方法可以用来读写给定的HTML内容。下面
我们将会介绍一些它的用法。
This ismycontent
window.onload=function(){
var testdiv = document.getElementById("testdiv")
alert(testdiv.innerHTML)
}
输出结果为：
=>
This ismycontent
2、DOM方法
createElement(nodeName) //创建标签标签 createTextNode(text) //创建文本标签 parent.appendChild(child) //将子元素插入到父元素中
创建p标签并且检测nodeName和nodeType
window.onload=function(){
var para=document.creatElement("p")
info ="nodeName: "
info+=para.nodeName
info+=" nodeType: "
info+=nodeType
alert(info)
}
输出结果为：
=>nodeName: p nodeType: 1
appendChild 方法：
创建一个p标签并且将其插入Id为testdiv的div标签中
var para=document.creatElement("p") //创建p标签
var testdiv=document.getElementBId("testdiv") //获取Id为testdiv的div标签
testdiv.appendChild(para) //将标签插入到div标签中
createTestNode 方法：
创建文本元素将其插入到p标签中 并将构建好的p标签插入到div标签中
window.onload=function(){
var para=document.createElement("p")
var txt= document.creteTestNode("Hellow World!")
para.appendChild(txt)
var testdiv=document.getElementById("testdiv")
testdiv.appendChild(para)
}
以上为分别利用传统方法和DOM方法在html中修改添加标签和文本内容。