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

前端  /  管理员 发布于 4年前   351

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

                                            
js-documnent文档结构操作
        
                
        
                
                
        
            

运行效果：

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

基本内容：

增加节点， 删除节点 

方法：刷新式文本操作

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

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

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

方法2： 添加式文本操作

获取对象：

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

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

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

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

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

您可能感兴趣的文章:

• js获取元素到文档区域document的(横向、纵向)坐标的两种方法
• JavaScript性能优化 创建文档碎片(document.createDocumentFragment)
• JavaScript入门教程(9) Document文档对象
• JavaScript中的Document文档对象
• JS document form表单元素操作完整示例
• JavaScript 节点操作 以及DOMDocument属性和方法
• 原生js操作checkbox用document.getElementById实现
• JavaScript――DOM操作――Window.document对象详解
• JavaScript基础语法、dom操作树及document对象