当前位置:首页 >> 农林牧渔 >>

使用JS操作页面表格,元素的一些技巧


(一) ie 、firefox 以及其它浏览器对于 table 标签的操作都各不相同,在 ie 中不允许对 table 和 tr 的 innerHTML 赋值,使用 js 增加一个 tr 时,使用 appendChile 方法也不管用。下面是 我就三种浏览器测试的结果: insertRow

IE6 :支持,而且默认参数为-1,默认添加到最后 FireFox

:支持,但部支持默认参数 Opera :支持,支持默认参数,默认添加到最前

AppendChild

IE6 :不支持 FireFox :支持,但增加 TR 后不影响 ROWS Opera :支持,效果同 insertRow(-1),影响 ROWS 最大限度的遵循规范,就能写出安全的、适用性强的代码了: //向 table 追加一个空行: var otr = otable.insertRow(-1); var otd = document.createElement("td"); otd.innerHTML = " "; otd.className = "XXXX"; otr.appendChild(otd); 这样就可以运行在这三种浏览器上了 (三)childNodes 的操作 (1)属性 nodeName Utils.getChildrenByTagName = function (node, tagName) { var ln = node.childNodes.length; var arr = []; for (var z = 0; z < ln; z++) {

if (node.childNodes[z].nodeName == tagName) { arr.push(node.childNodes[z]); } } return arr; }; (2)属性 id function getNodeID(parent, id) { var ln = parent.childNodes.length; for (var z = 0; z < ln; z++) { if (parent.childNodes[z].id == id) { return parent.childNodes[z]; } } return null; } (3)属性 className 对应 class,如 <tr class="class1"> function getElementsByClassName(node, className) { var children = node.getElementsByTagName("*"); var elements = new Array(); for (var i = 0; i < children.length; i++) { var child = children[i]; var classNames = child.className.split(" "); for (var j = 0; j < classNames.length; j++) { if (classNames[j] == className) { elements.push(child); break; } } } return elements; }


相关文章:
实验三+用HTML表格进行网页排版
实验三+用HTML表格进行网页排版_计算机软件及应用_IT...(2) 要求使用 label 标记对相关的表单元素进行说明...name="js-lang">Javascript 最高学历: ...
HTML第二部分作业(含答案)
A) B) <javascript> C) <js> D) <scripting>...A、 网页文件体积小,可被快速下载 B、 难以控制,...创建表格,表格行自动应用样式,显示背景色为 pink ...
网页设计(考试参考答案)
A.网页上任意两个单元格可以相互合并 B.在表格中...把导航框中的元素设置成相对位置 C.滚动条尽量只...A. .js B. .jr C. .jt D. .jk 10、在 ...
Excel使用技巧大全(绝对精品)
网页上的数据引入到 EXCEL 表格 44 取消超级链接...利用图表工具栏快速设置图表 快速选取图表元素 74 ...地址及工作簿位置, 如:=http://www.Js.com/[...
网页制作考试参考答案
用来存储整个网站上经常被重复使用或更新的页面元素。...教材第 10 章(3)简要说明表格与框架、AP DIV ....js B. .jr C. .jt D. .jk (6)Window ...
YS - 《网页制作》复习题(多选题)
脚本文件(.js) D. 样式文件(.css) 46、 下列...可以表单来收集一些必需的个人资料 C、在电子商场...那些网页元素的外观 ABCD A、文本 B、表格 C、...
GRID 表格的常用的使用方法
GRID 表格的常用的使用方法_电脑基础知识_IT/计算机...统一设置每一列的最小列宽 如果希望浏览器尺寸变化...又比如表格数据的查询,form.js 提供了 formToArray ...
Web习题参考答案
表格:在网页中使用表格可以控制网页中信息的结构布局...js,、php、include 等公共文件;temp 子文件夹放...在 HTML 中可以多个 meta 元素,meta 元素属性...
HTML语言练习
查资料,制作一个单线表格。 <table width="50%"...js 是一种基于对象和事件驱动的语言,用语言描述下面...javascript 操作某个元素的 css 属性,可以通过 style...
网页按键精灵 - HTML系列命令使用技巧
Html 系列命令使用技巧 1.什么是网页元素特征字符串...") 第一个参数设置为 1 时,能执行一段 js 并...Html网页表格深层次使用... 2页 免费 按键精灵[...
更多相关标签:
iframe操作父页面元素 | iframe操作子页面元素 | jquery操作子页面元素 | jquery操作父页面元素 | 父页面操作子页面元素 | excel表格操作技巧 | wps表格操作技巧大全 | 表格操作技巧 |