いくつかの簡単な例では、ネイティブ js と jQuery を使用して div 属性を変更し、自由にリセットします。コードは次のとおりです: コードをコピー コードは次のとおりです: パラメータを渡します。 Div <br>body,p{margin:0;padding:0;} <br>body{color:#333;font:12px /1.5 Tahoma;padding-top :10px;} <br>#outer{width:300px;margin:0 auto;} <br>p{margin-bottom:10px;} <br>button{margin-right:5px; } <br>label{width :5em;display:inline-block;text-align:right;} <br>input{padding:3px;font-family:inherit;border:1px Solid #ccc;} <br># div1{color:#fff; width:180px;height:180px;background:#000;margin:0 auto;padding:10px;} <br> <br><!DOCTYPE html> <br> <html> <br> <head> <br><meta charset="utf-8"/> <br><title> の任意の属性の値を変更します。 <br><style type= "text/css"> <br>body,p{margin:0;padding:0;} <br>body{color:#333;font:12px/1.5 Tahoma;padding- top:10px;} <br> #outer{width:300px;margin:0 auto;} <br>p{margin-bottom:10px;} <br>button{margin-right:5px;} <br>label{ width:5em;display:inline-block;text-align:right;} <br>input{padding:3px;font-family:inherit;border:1px Solid #ccc;} <br>#div1{color:#fff ;幅:180px;高さ:180px ;背景:#000;マージン:0 自動;パディング:10px;} <br></style> <br><script type="text/javascript" src="js/ jquery-1.4.2.min.js"> <br>/*varchangeSytle = function (elem,name,value){ <br>elem.style[name] = 値; <br>} <br>window.onload = function (){ <br>var oDiv = document.getElementById("div1"); var oBtn = document.getElementsByTagName ("ボタン"); <br>var oInput = document.getElementsByTagName("input"); <br>oBtn[0].onclick = function (){ <br>changeSytle (oDiv,oInput[0].value,oInput) [1].value) <br>} , <br>oBtn[1].onclick = function (){ <br>oDiv.removeAttribute("style"); <br>} <br>} */ネイティブ js パーシャル実装<br><br>$ (function(){ <br>$("button:first").click(function(){ <br>var styleName= $("#outer").find("input: first").val(); <br>var styleVal = $("#outer").find("input:last").val(); <br>$("#div1").css(styleName, styleVal); <br>}) <br>$("button:last").click(function(){ <br>$("#div1").removeAttr("style"); <br>}) <br>}) <br><br> 属性名: label>属性値: OKリセット「属性名」を入力上部の入力ボックスに「」と「属性値」を入力し、「OK」ボタンをクリックして効果を確認します。
