javascript StyleSheet样式操作类
早上在csdn上看有人问页面style sheet怎么修改里面的rule,就写了个类,该类对兼容FF和IE做了处理。
/**//*--------------------------------------------
描述 : 添加新的样式rule
参数 : styleSheets索引
代码 : var ss = new styleSheet(0);
--------------------------------------------*/
var styleSheet = function(n)
...{
var ss;
if (typeof n == "number") ss = document.styleSheets[n];
this.sheet = ss;
this.rules = ss.cssRules?ss.cssRules:ss.rules;
};
/**//*--------------------------------------------
描述 : 查找样式rule,成功返回index,否则返回-1
参数 : n为rule名称
代码 : var ss = new styleSheet(0);
ss.indexOf("className")
--------------------------------------------*/
styleSheet.prototype.indexOf = function(selector)
...{
for(var i=0;i<this.rules.length;i++)
...{
if(this.rules[i].selectorText==selector)
...{
return i;
}
}
return -1;
};
/**//*--------------------------------------------
描述 : 删除样式rule
参数 : n为rule索引或者名称
代码 : var ss = new styleSheet(0);
ss.rem
相关文档:
常用:javascript字符串函数 收藏
concat
将两个或多个字符的文本组合起来,返回一个新的字符串。
var a = "hello";
var b = ",world";
var c = a.concat(b);
alert(c);
//c = "hello,world"
indexOf
返回字符串中一个子串第一处出现的索引(从左到右搜索)。如果没有匹配项,返回 -1 。
var index1 = a.indexOf ......
在数据绑定事件中写如下代码:
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row .RowType == DataControlRowType .DataRow)//判断是否为数据行
{
//在点击删除时,弹出提示对话框
LinkButton lb = e.Row.FindControl("LinkB ......
事件源对象
event.srcElement.tagName
event.srcElement.type
捕获释放
event.srcElement.setCapture();
event.srcElement.releaseCapture();
事件按键
event.keyCode
event.shiftKey
event.altKey
event.ctrlKey
事件返回值
event.returnValue
鼠标位置
event.x
event.y
窗体 ......
创建文档元素
document.createElement(nodename)
插入元素到文档节点树
parent.appendChild(child)
创建文本节点
document.createTextNode(text)
在现有元素前插入新元素
parentElement.insertBefore(newElement,targetElement)
在现有元素后插入新元素(自编函数)
parentElement.insertAfter(newElement,targe ......
一、document.formName.item(“itemName”) 问题
问题说明:IE下,可以使用 document.formName.item(“itemName”) 或 document.formName.elements ["elementName"];Firefox下,只能使用document.formName.elements["elementName"]。
解决方法:统一使用document.formName.elements["elementName" ......