JS document文档的简单操作完整示例

本文实例讲述了JS document文档的简单操作。分享给大家供大家参考，具体如下：

    
 
 
 
    
    
 js-documnent文档结构操作
 

 
 

 
 
 

 
 

 
 
    

运行效果：

文档的操作：主要是为了让用户可以上传文档；

基本内容：

增加节点， 删除节点 

方法：刷新式文本操作

使用innerHTML: div.innerHTML=div.innerHTML + "内容"     添加元素

div.innnerHTML =" "      直接进行全部清空

利用父节点.removeChild(子节点对象)       删除指定元素

方法2： 添加式文本操作

获取对象：

var obj = document.createElement(标签名);

obj.标签属性=........    对属性进行赋值，所有的属性，赋的值可以是函数等一切合法的内容

感兴趣的朋友可以使用在线HTML/CSS/Javascript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

更多关于Javascript相关内容可查看本站专题：《Javascript操作DOM技巧总结》、《Javascript页面元素操作技巧总结》、《Javascript事件相关操作与技巧大全》、《Javascript查找算法技巧总结》、《Javascript数据结构与算法技巧总结》、《Javascript遍历算法与技巧总结》及《Javascript错误与调试技巧总结》

希望本文所述对大家Javascript程序设计有所帮助。