一些简单的例子,使用
本地js和jQuery实现随意改变div
属性,并重新
设置:
复制代码代码如下所示:
函数传递
参数以更改div任意属性的值。
身体,{边缘:0;填充:0;}
体{颜色:# 333;
字体:12px / 1.5宋体;填料顶部10px;}
#外{宽度:300px;保证金:0汽车;}
P { margin-bottom: 10px;}
按钮右边距:5px {;}
标签{宽度:5em;
显示:内联块;
文本对齐:右;}
输入{填充:3px;字体:继承;border: 1px solid # CCC;}
# DIV1 {颜色:# FFF;宽度:180px;身高:180px;
背景:# 000;保证金:0汽车;padding: 10px;}
函数传递参数以更改div任意属性的值。
身体,{边缘:0;填充:0;}
体{颜色:# 333;字体:12px / 1.5宋体;填料顶部10px;}
#外{宽度:300px;保证金:0汽车;}
P { margin-bottom: 10px;}
按钮右边距:5px {;}
标签{宽度:5em;显示:内联块;文本对齐:右;}
输入{填充:3px;字体:继承;border: 1px solid # CCC;}
# DIV1 {颜色:# FFF;宽度:180px;身高:180px;背景:# 000;保证金:0汽车;padding: 10px;}
/ *无功changesytle =
功能(元素、名称、值){
元素名称=值。风格{ };
}
在window.onload =函数(){
无功odiv = document.getelementbyid(联赛);
VaR的OBTN = document.getelementsbytagname(按钮);
无功oinput = document.getelementsbytagname(输入);
OBTN { 0 }。onclick =函数(){
ChangeSytle(odiv,oinput { 0 }。价值,oinput { 1 }。值)
},
OBTN { 1 }。onclick =函数(){
odiv.removeattribute(风格);
}
实现本地js的一部分
$(函数(){())
$(按钮:第一)。Click(函数(){)
VaR为=美元(#外),(输入:第一)瓦迩();
无功styleval = $(#外),(输入:去年)瓦迩();
$(# DIV1)。Css(风格,styleval);
})
$(按钮:最后)。Click(函数(){)
$(# DIV1)。RemoveAttr(风格);
})
})
属性名称:
属性值:
复位复位
在上面的输入框中输入属性名称和属性值,然后单击确定按钮查看效果。
$(函数(){())
$(按钮:第一)。Click(函数(){)
VaR为=美元(#外),(输入:第一)瓦迩();
无功styleval = $(#外),(输入:去年)瓦迩();
$(# DIV1)。Css(风格,styleval);
})
$(按钮:最后)。Click(函数(){)
$(# DIV1)。RemoveAttr(风格);
})
})
属性名称:
属性值:
复位复位
在上面的输入框中输入属性名称和属性值,然后单击确定按钮查看效果。