本机js实现改变了div属性样式的名称和值的随机变化的结果。

本机js实现改变了div属性样式的名称和值的随机变化的结果。
一些简单的例子,使用本地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(风格);
})
})

属性名称:
属性值:
复位复位

在上面的输入框中输入属性名称和属性值,然后单击确定按钮查看效果。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部