Use JS to manipulate the page table, some of the elements of the skills _ basics

A
IE, Firefox and other browsers for the table label operation are different, in IE does not allow the table and TR innerHTML assignment, using JS to add a TR, use the Appendchile method does not use. Here are my results for three browser tests:

InsertRow

IE6: Supported, and the default parameter is-1, the default is added to the last

FireFox: Support, but the department supports default parameters

Opera: Support, support default parameters, add defaults to the top


AppendChild

IE6: Not supported

FireFox: Support, but adding TR does not affect rows

Opera: Support, Effect with insertrow (-1), Affect rows

By following the rules to the fullest, you can write safe, adaptable code:

Append a blank line to the table:
var OTR = Otable.insertrow (-1);
var otd = document.createelement ("TD");
otd.innerhtml = "";
Otd.classname = "XXXX";
Otr.appendchild (OTD);

So you can run it on these three types of browsers.
(iii) operation of ChildNodes
(1) Attribute 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) Property 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) attribute classname
Corresponding class, such as <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;
}