Heim > Web-Frontend > js-Tutorial > 原生js实现改变随意改变div属性style的名称和值的结果_javascript技巧

原生js实现改变随意改变div属性style的名称和值的结果_javascript技巧

WBOY
Freigeben: 2016-05-16 17:21:08
Original
1455 Leute haben es durchsucht

一些简单的例子,用原生js和jQuery实现随意改变div属性,和重置。代码如下:

复制代码 代码如下:





函数传参,改变Div任意属性的值












在上方输入框输入"属性名"及"属性值",点击确定按钮查看效果。




$(function(){
$("button:first").click(function(){
var styleName= $("#outer").find("input:first").val();
var styleVal = $("#outer").find("input:last").val();
$("#div1").css(styleName,styleVal);
})
$("button:last").click(function(){
$("#div1").removeAttr("style");
})
})










在上方输入框输入"属性名"及"属性值",点击确定按钮查看效果。



Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage