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

使用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; }


相关文章:
YS - 《网页制作》复习题(多选题)
脚本文件(.js) D. 样式文件(.css) 46、 下列...可以表单来收集一些必需的个人资料 C、在电子商场...那些网页元素的外观 ABCD A、文本 B、表格 C、...
网页设计(考试参考答案)
A.网页上任意两个单元格可以相互合并 B.在表格中...把导航框中的元素设置成相对位置 C.滚动条尽量只...A. .js B. .jr C. .jt D. .jk 10、在 ...
Web习题参考答案
表格:在网页中使用表格可以控制网页中信息的结构布局...js,、php、include 等公共文件;temp 子文件夹放...在 HTML 中可以多个 meta 元素,meta 元素属性...
西南大学网页设计2016年春作业答案
属性的元素网页上,三维方 向的位置都是可以控制...使表格和适当的帧结构来设计网页。要谨慎使用图片。...<!--JavaScript 语句 --> 5.论述进行...
实验6.1 创建站点并掌握编辑网页的基本操作
例如, 可以通过单击 “插入” 栏中的 “表格” ...“新建文件夹” , 建立 images、 css、 js 文件...设置网页文档中的标题 通过标题元素,可以为网页文档...
网页试题
超链接是建立网站、网页主要元素之一。若要建立在同... B. <javascript> D. <scripting> A ) B. "Hello...table>标记符的__rules___属性可以控制表格分隔线...
HTML代码《完全使用的代码小知识》
表格的行分组:thead/tbody/tfoot 只能表格里,...以元素 id 的值作为选择器,常用于设置页面上比较特...HTML_JS ### 一:javascript 概述 1、 什么是 javascr...
20 种提升网页速度的技巧
.js" type="text/javascript"> 尽可能避免使用表格表格网页的主要构建块...的元素可能这是所有技巧中最显而易见的一个,但是它也是最容易忘记的一个技巧...
表单和表单域操作
本文详细总结了用DOM操作HTML页面元素的各种方法。...可以使用 JS 对提交按钮进行设置以让表单只被提交...动态操作表格对象 table 表格对象使用较多,但用 DOM...
代码页面规范
代码页面规范_调查/报告_表格/模板_实用文档。编程...使用全局 css 和 js 定义一些通用样式功能。 主...-- 元素结构说明注释 --> <!-- 元素结构说明注释...
更多相关标签:
iframe操作父页面元素 | iframe操作子页面元素 | jquery操作父页面元素 | 子页面操作父页面元素 | excel表格操作技巧 | wps表格操作技巧大全 | 表格操作技巧 | excel表格的操作技巧 |