js は CreateElement を使用してタグを動的に作成します。-jsチュートリアル-php.cn

//ラベルを作成するメソッドを定義します
//************************************//

コードをコピーコードは次のとおりです

 
var createLabel = function(id, name, value) { 
var label_var = document.createElement("label"); 

var label_id = document. createAttribute(" id"); 
label_id.nodeValue = id; 

label_var.setAttributeNode(label_id); = document.createAttribute("class"); 
label_css.nodeValue = "select_css"; 
label_var.appendChild(label_text); 
 } 

 
//************************************// 
//入力タグ (主にテキスト) を作成するメソッドを定義 
//id、名前、値、型それぞれ作成タグの ID、
// name (名前)、value (値)、type (type) 
// 入力メソッド イベントをバインドします。バインド方法は次のとおりです (複数のイベント メソッドをバインドできます)同時に): 

// "onchange==alert('この値は変更成功です !');|onblur==alert('この値は美しい値です !');"
//************************************/ /

コードをコピー

コードは次のとおりです: var createInput = function(id, name, value, type, width, height, events) { var var_input = null; var input_event_attr_IE = "" if (event != null &&event != "; ) {

varevent_array_IE =event.toString().split('|');

for (var i = 0; i varevent_IE =event_array_IE[i ].split('==') ;
input_event_attr_IE = " "event_IE[0] "='' ";
}
}
try {//IE6 との互換性を実現するための変数を定義します。 0とIE7.0。
var_input = document.createElement("");
} catch (e) {
var_input = document.createElement("input");

var input_id = document.createAttribute("id");
input_id.nodeValue = id;
var input_name = document.createAttribute("name"); 🎜>var input_type = document.createAttribute("type");
input_type.nodeValue = type;
var input_value = document.createAttribute("value"); var input_style = document.createAttribute("style");
var input_style_str = "";

if (width != null && width != "") {
input_style_str = "width:" width "px;"; else {
input_style_str = "width:30px;";
if (height != null && height != "") {
input_style_str = "height:" height "px;";
}

if (event != null &&event != "") {
var events_array =event.toString().split('| ');
for (var i = 0; i var events = events_array[i].split('==');
var input_event = document. createAttribute(events[0]);
input_event.nodeValue = events[1];
}
}

var_input.setAttributeNode(input_type) ;
input_style.nodeValue = input_style_str;
try {
var_input.setAttributeNode(input_style);
} catch (e) {
width == null || width == " ") ? "30" : width;
var_input.setAttribute("width", width);
if (height != null && height != "") {
var_input.setAttribute("height" , height);
}
}
// if (readonly != "") {
// var input_readonly = document.createAttribute("readonly");
// input_readonly.

var_input.setAttributeNode(input_name); var_input.setAttributeNode(input_value);

return var_input;

//************************************************* *************************** ****************//
//選択選択ボックスのラベルを作成するメソッドを定義します
//***** id は識別 ID を表します。ラベルの
//***** name はラベルの名前を表します
//***** options はラベルにバインドされるオプションを表します (例: "0231A563-Professional Services| 02312177-Maintenance Services |...")
//***** splitstr はオプションの区切りに使用される文字を表します ('|' など)
//***** splitchar は区切り文字を表しますキーと値のペアを区切ります (「-」など)
//***** イベントはこのタグに対応するイベントを表します (event==null の場合、このタグはイベントをバインドしません)
/ /*** id はラベルの識別 ID を表します
//***** name はラベルの名前を表します name
//***** options はラベルにバインドされるオプションを表します (例: "0231A563- プロフェッショナルサービス|02312177-メンテナンスサービス|...")
//***** splitstr はオプションを区切るために使用される文字を表します ('|' など)
// ***** splitchar は、キーと値のペアを区切る区切り文字を表します ('-' など)
//***** イベントは、このタグに対応するイベントを表します (このタグは、イベントが発生した場合にイベントをバインドしません) ==null)
//***************************************** ******* ********************** ***************************//

コードをコピー

コードは次のとおりです:

var createSelect = function(id、name、options、splitstr、splitchar、event、selectedValue) {
var var_select = null;
IE6.0 と IE7.0 の互換性の問題を処理してみてください。
var_select = document.createElement("