`
cljspn
  • 浏览: 47413 次
  • 性别: Icon_minigender_1
  • 来自: 长春
最近访客 更多访客>>
社区版块
存档分类
最新评论

用JS and DOM生成表格

    博客分类:
  • js
阅读更多
<script language="javascript">
     function start(){
       mybody = document.getElementsByTagName  ("body").item(0);
        mytable = document.createElement("TABLE");
        mytablebody = document.createElement("TBODY");
        for(j=0;j<2;j++){
           mycurrent_row = document.createElement("TR");
           for(i=0;i<2;i++){
               mycurrent_cell= document.createElement("TD");
              currenttext=document.createTextNode("cell is  row "+j+",  column "+i);
              mycurrent_cell.appendChild(currenttext);
              mycurrent_row.appendChild(mycurrent_cell);
           }
           mytablebody.appendChild(mycurrent_row);
       }
       mytable.appendChild(mytablebody);
       mybody.appendChild(mytable);
       mytable.setAttribute("border","2");
   }
  </script>
 原来mybody = document.getElementsByTagName  ("body").item(0);是mybody =     document.getElementsByTagName  ("body");写的,报错“对象不支持属性或方法”后来发现getElementsByTagName()方法返回一个集合,所以改成代码中的写法通过。很不好找呀
分享到:
评论
2 楼 7thbyte 2008-04-18  
document.getElementsByTagName  ("body").item(0);

直接用document.body不就可以了么?
1 楼 cherryQQ 2008-04-18  
只能在firefox浏览器中实现

相关推荐

    使用AJAX动态生成table表格数据和jquery.pagination.js 的分页栏

    AJAX(Asynchronous JavaScript and XML)允许我们在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容,而`jquery.pagination.js`则提供了简洁的分页解决方案。 首先,我们需要理解AJAX的工作原理。AJAX...

    ajax数据库真分页和DOM生成

    "Ajax数据库真分页和DOM生成"是一个核心概念,它涉及到如何高效地利用AJAX(Asynchronous JavaScript and XML)技术来实现在不刷新整个页面的情况下更新内容,以及如何通过DOM(Document Object Model)动态生成和...

    读取xml生成表格 还可以实现无刷新更新数据

    实现这一功能的一种常见方法是使用AJAX(Asynchronous JavaScript and XML)。通过AJAX,前端可以向服务器发送异步请求,获取XML数据,然后在后台解析并更新表格,而不会重新加载整个页面。XMLHttpRequest对象或者...

    dwr 自动完成生成表格的例子

    "DWR 自动完成生成表格的例子" 指的是使用 Direct Web Remoting (DWR) 技术来实现一个具有自动完成功能的表格。DWR 是一种允许 JavaScript 与服务器端 Java 代码进行交互的开源库,特别适用于创建动态、交互性强的...

    JavaScript仿Excel表格演示

    用户可以点击“添加行”按钮,触发一个JavaScript函数,该函数将生成新的行结构,填充默认数据,然后将其插入到表格的适当位置。 2. **删除行**:同样,通过监听删除操作的事件,JavaScript可以定位到被选中的行,...

    javascript动态生成页面元素

    本文将深入探讨如何利用JavaScript动态生成HTML页面元素,包括使用innerHTML属性和DOM(Document Object Model)方法两种主要方式,以及在不同浏览器环境下的兼容性问题。 ### 1. 使用innerHTML属性 `innerHTML`...

    vue动态生成dom并且自动绑定事件

    上文中的示例展示了如何使用v-for动态生成表格结构。示例中的表格是基于data中的tables数组生成的,每一次调用vm.$data.tables.push()方法时,都会在页面上新增一个2x2的表格。 其次,Vue.js中的v-model指令用于...

    js+html写的实现表格的动态增删改查和表单验证

    3. **AJAX技术**:在实际应用中,通常会结合使用AJAX(Asynchronous JavaScript and XML)技术,实现在不刷新页面的情况下与服务器进行数据交互。例如,当用户在表格中进行增删改操作时,JS可以通过AJAX发送HTTP请求...

    jQuery json动态数据表格分页代码

    在这个场景中,jQuery被用来处理DOM操作,如动态加载表格数据和执行分页效果。 2. **JSON(JavaScript Object Notation)**:JSON是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。在...

    some knockout js and pages

    9. **页面应用实例**:在"some knockout pages"中,我们可以假设包含了一些使用Knockout构建的实际网页示例,这些页面可能包含了上述各种特性的实际应用,比如动态表格、响应式导航菜单、表单验证等。 10. **学习...

    Guide to HTML JavaScript and PHP for Scientists and Engineers

    - **DOM操作**:DOM(Document Object Model)是HTML文档的树状结构模型,JavaScript可以通过DOM访问和修改页面上的元素。 - **事件处理**:JavaScript可以监听并响应用户在页面上的操作,如点击按钮、滚动页面等。 ...

    javascript日历

    这包括动态生成表格、按钮和其他元素来构建日历界面。 2. **事件处理**:为了让日历具有交互性,需要监听用户的点击、滑动等事件。例如,当用户点击某个月份或年份时,日历应更新展示相应的日期。 3. **日期对象**...

    基于javascript,ajax,json的在前端动态显示你的任何表格数据

    在本场景中,JavaScript主要用于处理DOM元素(如表格)的操作,接收和解析Ajax返回的JSON数据,并将其填充到表格中。 Ajax(Asynchronous JavaScript and XML)是一种创建动态网页的技术,允许在不重新加载整个页面...

    The Art&Science of JavaScript.pdf

    #### 章节六:使用CSS和JavaScript构建3D迷宫(Building a 3D Maze with CSS and JavaScript) **知识点:** - **3D CSS变换**:介绍如何使用CSS3的transform属性创建三维效果。 - **交互式元素控制**:使用...

    The.Art.and.Science.of.JavaScript

    Building a 3D Maze with CSS and JavaScript(使用CSS和JavaScript构建3D迷宫) 这一部分结合了CSS3的3D转换和JavaScript的动态渲染能力,展示了如何构建一个三维迷宫游戏。这不仅涉及图形学原理,还包括游戏逻辑...

    kindeditor 相关JS文件

    总结来说,"kindeditor 相关JS文件"主要涉及JavaScript编程、DOM操作、事件处理、AJAX通信、JSON格式、跨浏览器兼容性、插件机制、CSS样式、安全性以及本地存储等多个方面的知识。了解并掌握这些知识点对于开发和...

    xml分页+ajax请求数据源+dom取结果实例代码

    当用户在前端界面进行操作时,如选择分类ID或执行搜索,会触发AJAX(Asynchronous JavaScript and XML)请求,向服务器请求数据。 1. **AJAX请求数据源**:AJAX是一种在不刷新整个页面的情况下与服务器交换数据并...

    项目中常用js

    在IT行业中,JavaScript(简称JS)是一种广泛使用的脚本语言,尤其在Web开发领域,它扮演着至关重要的角色。"项目中常用js"这个压缩包文件显然包含了一系列实用的JavaScript工具,这些工具可以帮助开发者在实际项目...

    EasyQRCodeJS:EasyQRCodeJS是功能丰富的跨浏览器纯JavaScript QRCode生成库。 支持画布,SVG和表格绘制方法。 支持点样式,徽标,背景图像,彩色,标题等设置。 支持Angular,Vue.js,React,Next.js框架。 支持二进制(十六进制)数据模式。(在客户端使用DOM运行)

    EasyQRCodeJS EasyQRCodeJS is a feature-rich cross-browser pure JavaScript QRCode generation library....EasyQRCodeJS 是一个功能丰富的跨浏览器的纯 JavaScript QRCode 生成库。支持 Canvas, SV

    jQuery生成表在客户端上无刷新

    本篇文章将深入探讨使用jQuery在客户端无刷新生成表格的三种方法,并结合“经典的语句”这一标签,探讨一些重要的编程理念。 首先,我们需要理解“无刷新”(Ajax)的核心概念。Ajax,即Asynchronous JavaScript ...

Global site tag (gtag.js) - Google Analytics