`
andrew.yulong
  • 浏览: 169817 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

DOM的使用心得

    博客分类:
  • html
阅读更多

第一次使用DOM,经过几个月的开发实践,越来越觉得搞web开发就是搞js和css!
有些东西也走笼许多的弯路,把自己的心得拿出来和大家讨论哈,也希望大家不要走弯路.

var oTBody = document.createElement("tbody");  //创建一个tbody
table.appendChild(oTBody);                                    //将tbody加到table中
var oTR = document.createElement("tr");              //创建一个tr
oTBody.appendChild(oTR);                                   //将tr添加到tbody中
var oTD = document.createElement("td");             //创建一个td
var oIMG = document.createElement("img");         //创建一个img元素
oIMG.src = "/images/close.jpg";                            //设置img的src属性
oIMG.alt = "删除";                                                    //设置img的alt属性
oIMG.border = "0";                                                 //设置img的border
oIMG.attachEvent("onclick",del());                         //让img调用时间onclick,调用方法是del

var oINPut_b = document.createElement("<input name='radio"+i+"'>");      //创建一个input元素
oINPut_b.type = "radio";                                                                                         //设置它的type
<!--
创建一个input元素,大家会觉得很奇怪,这里的radio为什么不像img那样写列
var oINPut_b = document.createElement("radio");     
oINPut_b .name 
= "radio1"
我的想法和大家一样,可是现实告诉我input元素不能设置它的name属性,id等属性都可以!
于是上网查了半天,看见一篇文章说道,貌似火狐可以直接设置name,ie却需要在createElement的时候指定name
汗!
-->    
oTD.appendChild(oIMG);                                        
//将img加到td中
oTR.appendChild(oTD);                                         //将td加到tr中

 

分享到:
评论

相关推荐

    javascript中的BOM与DOM、JS核心.pdf

    JavaScript使用心得之BOM与DOM,主要是使用JavaScript的基本语句,以及BOM和DOM提供的对象的属性和方法,来操作各个BOM对象的属性以及各个DOM节点的属性甚至是结构,从而控制浏览器窗口行为和文档内容及其展示。

    DOM对象模型

    例如,一个常见的应用场景是使用AJAX从服务器获取新的数据,然后使用DOM更新一个列表,显示新数据,这样用户可以看到实时更新的信息,而无需等待整个页面重新加载。 总结来说,DOM对象模型是Web开发中的基础,它...

    普通Dom转换为可拖拽、最大化、最小化窗口js插件

    这款插件特别适合于构建桌面式Web应用体验,让用户在网页上感受到类似操作系统窗口的操作。 首先,让我们了解一下DOM。DOM是HTML和XML文档的结构化表示,它允许程序员通过JavaScript或类似的语言来访问和操作页面上...

    网易云课堂之DOM编程艺术(原创带心得)

    在本文中,我们将深入探讨DOM编程的一些关键概念和技术,包括子结点、兄弟结点的选择与操作,以及各种DOM选择器的使用。 首先,我们关注的是子结点和兄弟结点的操作。`.firstElementChild`属性用于获取元素的第一...

    Sea Wolf-V1.1 —— canvas+dom游戏

    这通常涉及到CSS的使用,通过对各个元素的样式进行定义和调整,使界面更加美观且易于操作。 总的来说,"Sea Wolf-V1.1"展示了HTML5 canvas和DOM在游戏开发中的强大潜力。通过结合这两项技术,开发者创造了一个具有...

    JQquery的一些使用心得分享

    正如标题和描述所提及的,这里将分享一些关于jQuery使用的心得体会,通过一个实际案例来展示如何巧妙地运用jQuery实现功能。 首先,案例中的代码创建了一个常驻右下角的消息提示系统。这个系统由两个主要部分组成:...

    JavaScript学习心得之概述

    ECMAScript(核心) DOM(文档对象模型) BOM(浏览器对象模型) 1.1ECMAScript  ECMA-262定义的ECMAScrip与Web浏览器没有依赖关系,ECMA-262定义的只是这门语言的基础,提供核心语言功能  ECMAScript是通过ECMA...

    javaEE总结

    本篇将重点讨论两种主要的XML解析方式——DOM和SAX,以及Java API for XML Processing(JAXP)和dom4j库的使用。 1. DOM解析: Document Object Model(DOM)是一种树形结构,它代表整个XML文档,允许程序和脚本...

    java web开发心得

    本文将深入探讨JSP(Java Server Pages)、Hibernate、JavaScript以及数据库这四个关键领域的核心概念和技术,分享一些实用的心得体会,帮助你提升开发效率和代码质量。 首先,JSP是Java Web应用中的视图层技术,...

    2021-2022年收藏的精品资料软件工程师15个值得开发者关注的jQuery开发技巧和心得.docx

    在本文档中,我们探讨了15个对软件工程师尤其是jQuery开发者至关重要的技巧和心得,旨在帮助他们提高代码效率和性能。以下是对这些技巧的详细解释: 1. **使用最新版本的jQuery库**:更新到最新版本的jQuery是提高...

    vue学习资料,学习心得!!!!11vue笔记.md

    ### Vue.js 学习资料与心得 #### 一、Vue.js 基础结构与配置 在学习 Vue.js 的过程中,首先要理解其基础结构。一个典型的 Vue 实例由多个部分组成,包括 `el`(元素)、`data`(数据)、`methods`(方法)等。 1....

    javaweb学习心得.doc

    * 在学习 JQuery 时,需要掌握使用 JQuery 选择器和方法来简化 DOM 操作 学习 Java Web 需要掌握多种技术和概念,包括 HTML、CSS、JavaScript、XML、DTD/Schema、Java EE 中的 JSP、Servlet、Filter、Listener、...

    程序员开发心得与笔记

    这篇程序员的开发心得和笔记探讨了一个特定的话题:如何从C#中访问DHTML DOM对象。DOM(文档对象模型)是HTML和XML文档的一种标准表示,它允许程序员以结构化的方式访问和修改网页内容。 首先,要实现这一功能,...

    react-react学习心得

    它主要关注视图层,但也可以与各种库和框架(如Redux、MobX)配合使用来处理状态管理和路由。 React的核心概念是组件化。组件是React中的基本构建块,它们可以是独立的、可复用的代码单元,负责渲染特定部分的UI。...

    个人心得 下载个人心得 下载个人心得 下载

    在Java中,有多种库可用于处理XML,如JAXB(Java Architecture for XML Binding),DOM(Document Object Model),SAX(Simple API for XML)等,这些库提供了丰富的API来读写、解析和生成XML数据。 ### 软件调试...

    web前端开发实践心得.docx

    通过实践,可以学到更多的知识和经验,例如如何将 JavaScript 作为前端学习的重点,如何使用 CSS 技术来解决页面布局问题,如何使用 DOM 操作来添加、移除、移动、复制、创建和查找节点等。 总结 通过实习和学习,...

    VS2008读写XML文件

    3. 加载XML文件:然后,使用DOMDocument对象的`load`方法加载XML文件。 ```vb.net If Not xmlDoc.Load("path_to_your_xml_file.xml") Then ' 处理加载失败的情况 End If ``` ```cpp HRESULT hr = pDoc-&gt;load(_bstr_...

    jquery零碎实例和学习心得

    **jQuery 是一个高效、简洁且功能丰富的 JavaScript 库,它极大地简化了JavaScript代码的编写,尤其在处理DOM操作、事件处理、动画效果以及Ajax交互方面。这个压缩包包含了一系列关于jQuery的学习资源,对于想要深入...

    15个值得开发人员关注的jQuery开发技巧和心得总结【经典收藏】

    但在使用时应尽量避免使用复杂的选择器返回DOM元素,因为这可能会导致在老版本浏览器上运行缓慢。选择id是最快的方式,使用class时,最好配合标签名使用,这样在老浏览器和移动设备上能够更快。 ### 知识点三:将...

Global site tag (gtag.js) - Google Analytics