下面就是一个简单的动态改变表格的值的一个例子：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>改变表格值</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript">
function change(){
var tb = document.getElementById("d");
var row = document.getElementById("row");
row = parseInt(row.value);
//要是输入的不是整数
if(isNaN(row)){
alert("你要修改的行必须是整数");
return false;
}
var cel = document.getElementById("cel");
cel = parseInt(cel.value);
//要是输入的不是整数
if(isNaN(cel)){
alert("你要修改的列必须是整数");
return false;
}
//要是输入的行或列超出表格的行或列
if(row>tb.rows.length || cel>tb.rows.item(0).cells.length){
alert("要修改的单元格不再该表格内");
return false;
}
var celValue = document.getElementById("value").value;
if(celValue==""){
alert("请输入要改变的值");
return false;
}
tb.rows.item(row-1).cells.item(cel-1).innerHTML = celValue;
}
</script>
</head>
<body>
改变第
<input id="row" type="text" size="2" />
行， 第
<input id="cel" type="text" size="2" />
列的值为：
<input id="value" type="text" size="16" />
<br>
<input id="change" type="button" value="改变" onclick="change();" />
<table id="d" border="1">
<tr>
<td>
JAVA
</td>
<td>
Struts2
</td>
</tr>
<tr>
<td>
Ajax
</td>
<td>
JAVA EE
</td>
</tr>
<tr>
<td>
XML
</td>
<td>
JSP/Servlet
</td>
</tr>
</table>
</body>
</html>
相关推荐
### BOM和DOM模型 #### 一、BOM与DOM概览 在Web开发中，BOM（Browser Object Model）和DOM（Document Object Model）是非常重要的两个概念，它们构成了前端JavaScript操作网页的基础。 ##### BOM：浏览器对象模型...
### W3C DOM模型参考手册知识点详解 #### 一、前言 本手册是一份针对W3C DOM（文档对象模型）模型的详尽参考指南，重点介绍了Gecko引擎所支持的DOM API特性。这份资料最初来自Mozilla开发网站，但由于各种原因，...
如`Element.extend`用于扩展DOM元素，`Element.hide`和`Element.show`控制元素的可见性，`Element.update`用于替换元素的内容，以及`Element.setStyle`和`Element.getWidth`等用于设置样式和获取尺寸。 Prototype...
随着用户交互、动态数据加载或JavaScript操作，DOM可能会频繁变动，而`dom-element-watcher`库就是为了帮助开发者跟踪这些变化，从而实现更高效、更精确的事件处理和页面更新。 **核心特性** 1. **实时监听**：`...
6. **DOM变更与更新**: 当文档内容改变时，DOM会自动更新其内部表示。开发者可以使用`innerHTML`, `textContent`等属性来快速修改元素内容，或通过`insertBefore()`, `replaceChild()`等方法进行结构上的调整。 7. ...
**DOM文档对象模型** ...总的来说，DOM文档对象模型是Web开发中不可或缺的一部分，它为开发者提供了强大的工具来操作和动态更新网页内容。理解和熟练掌握DOM，对于任何前端开发者来说都是至关重要的。
文档对象模型（DOM，Document Object Model）是一种跨平台和语言中立的接口，使得程序和脚本能够动态地访问和更新文档的内容、结构和样式。DOM 主要用于处理 XML 和 HTML 文档，但在本篇文章中我们将聚焦于 XML。 #...
例如，通过改变DOM，可以实现动态加载内容、响应用户交互、进行页面动态更新等效果。此外，DOM还与CSSOM（CSS对象模型）结合，实现样式操作，以及与MutationObserver接口配合，监控DOM的变化。 总结起来，DOM是Web...
Element对象也有一系列方法，如`getAttribute()`获取属性值，`setAttribute()`设置属性值，以及`removeAttribute()`删除属性。 此外，DOM还提供了一些其他方法，如`createAttribute()`用于创建新的属性节点，`...
2. 属性操作：`element.getAttribute`获取属性值，`element.setAttribute`设置属性值，`element.removeAttribute`移除属性。 3. 内容修改：`element.innerHTML`用于修改元素内的HTML，`element.textContent`用于...
2. **节点类型**：DOM定义了几种主要的节点类型，包括元素节点（Element Node）、文本节点（Text Node）、属性节点（Attribute Node）、文档节点（Document Node）等。元素节点表示HTML或XML的标签，文本节点包含...
在JavaScript中，DOM模型提供了三种主要的方法来查找页面上的对象： 1. `getElementById()`：这是最常用的方法，通过指定的ID值来获取单个元素。ID在页面上应具有唯一性。 2. `getElementsByClassName()`：这个方法...
VBScript文档对象模型（DOM）是Web开发中的一个重要概念，特别是在使用VBScript进行客户端脚本编程时。DOM是一个标准，允许编程语言与HTML、XML等结构化文档进行交互，为这些文档提供了一种统一的、独立于平台和语言...
DOM4J是基于DOM模型的，但相比Java内置的DOM API，DOM4J更轻量级且易于使用。它支持XPath查询，提供了丰富的事件处理机制，并且与JDOM和XOM等其他XML库有良好的互操作性。DOM4J的2.0.3版本修复了一些已知问题，提升...
4. **属性操作**：`element.getAttribute()`用来获取元素属性值，`element.setAttribute()`用来设置属性值，而`element.removeAttribute()`则用于移除属性。 5. **事件处理**：DOM允许我们为元素绑定事件监听器，如...
DOMStyle接口和相关的对象如`DOMstyleSheetObject`和`DOMcssRuleObject`提供了修改和操作CSS样式的API，使开发者能够动态地改变页面的视觉表现。 #### DOM 范围引用 DOMRange接口和`GeckoRangeInterface`扩展提供...
首先，DOM4J是一个基于Java的XML处理库，它支持多种XML处理模型，如SAX和DOM。DOM4J的核心特性包括XML文档的构建、解析、查询和修改。它还提供了XPath支持，允许开发者通过简洁的表达式来定位XML文档中的元素。 DOM...
6. **属性操作**：使用`getAttribute`获取属性值，`setAttribute`设置属性值，`removeAttribute`删除属性。元素的属性也可通过点操作符直接访问，如`element.getAttribute('id')`和`element.id`。 7. **事件处理**...