js は CreateElement を使用してタグを動的に作成します。

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

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

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("");
} catch (e) {
var_select = document.createElement("select");
}

var select_id = document.createAttribute("id");
select_id.nodeValue = id;
var select_name = document.createAttribute("name");
select_name.nodeValue = 名前;

if (イベント != null && イベント != 未定義 && イベント != "") {
var select_change = document.createAttribute("onchange");
select_change.nodeValue = イベント;
var_select.setAttributeNode(select_change);
}
var_select.setAttributeNode(select_id);
var_select.setAttributeNode(select_name);
try {
var_select.setAttribute("width", "100px");
} catch (e) {
var select_css = document.createAttribute("class");
select_css.nodeValue = "select_css";
var_select.setAttributeNode(select_css);
}

splitstr = (splitstr == "" || splitstr == null) ? "|" : 分割文字列;
splitchar = (splitchar == "" || splitchar == null) ? "-" : 分割文字;

if (options != null && options != 未定義 && options.toString() != "") {
options = (options.toString().lastIndexOf(splitstr) 1 == オプション。 toString().length) ? options.toString().substr(0, options.toString().length - 1) : オプション;
var arrayOption = options.toString().split(splitstr);
for (var i = 0; i var temp_value = arrayOption[i].split(splitchar);
var オプション = document.createElement("オプション");
var option_value = document.createAttribute("value");
option_value.nodeValue = temp_value[0];
var option_text = document.createTextNode(temp_value[1]);
option.setAttributeNode(option_value);
option.appendChild(option_text);

var_select.appendChild(オプション);
if (selectedValue != null && selectedValue != "") {
if (temp_value[0] == selectedValue || temp_value[1] == selectedValue) {
var_select.options[i].選択 = true;
}
}
}
}
return var_select;
}

//**************************************************//
//決定方法创建一个标签；
//***** id 表示标签唯一表示id
//***** name表示标签の名前name
//***** value表示标签对应显表示の文字（名前）
//*****イベント表示标签对应的イベント（当event==null時イベント不绑定）
//***** href表示标签の链接属性
//*** id はラベルの一意の ID を表します
//***** name はラベルの名前 name を表します

//***** value は、ラベルに対応して表示されるテキスト (名前) を表しますlabel // ***** イベントはラベルに対応するイベントを表します (event==null の場合、イベントはバインドされません) //***** href はラベルのリンク属性を表します //****** *************************************** ********//

复制代码


代码如下:


var createA = function(id, name, value,event, href,ターゲット) {
var var_a = null;
try {
var_a = document.createElement(""); //この形式では「」が必要です。この形式では、IE6.0 および IE7.0 をサポートしていません
} catch (e) {
var_a = document.createElement("a");
}
var a_id = document.createAttribute("id");
a_id.nodeValue = id;
var a_name = document.createAttribute("name");
a_name.nodeValue = 名前;
href = (href == null || href == "") ? ("javascript:void(0);" || "#") : href;
var a_href = document.createAttribute("href");
a_href.nodeValue = href;

var a_Text = document.createTextNode(value);

var_a.setAttributeNode(a_href);
var_a.setAttributeNode(a_id);
var_a.setAttributeNode(a_name);
if (target != null) {
var target_href = document.createAttribute("target");
target_href.nodeValue = "_blank";
var_a.setAttributeNode(target_href);
}

if (イベント != "" && イベント != null && イベント != 未定義) {
var a_click = document.createAttribute("onclick");
a_click.nodeValue = イベント;
var_a.setAttributeNode(a_click);
}

var_a.appendChild(a_Text); //注意これ个值绑定顺序，只能放在最後去绑定（不然不サポートIE6.0およびIE7.0）

return var_a;
}

//*****************************************// //決定方法判断输入值が数字であるかどうか； //*******当flag=true の場合、输入值が整数であるかどうかを判断します； //***** flag=true の場合、入力値が整数であるかどうかを判断します。//************************** **** ****************//

复制代代幣如下:

var check_Is_Num = function(obj, flag) {
var flag_var = false;
var num = /^d $/; ///^ ?[1-9][0-9]*$/;
//flag_var = /^(([0-9] .[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0 -9]*.[0-9] )|([0-9]*[1-9][0-9]*))$/.test(obj);
flag_var = /^d (.d )?$/.test(obj);
if (フラグ) {
flag_var = num.test(obj);
}
return flag_var;
}

//メソッド削除ポイントを決定します。
try {
rowTr.removeNode(true);
} catch (e) {
rowTr.parentNode.removeChild(rowTr);
}
}

String.prototype.Trim = function() {
return this.replace(/(^s*)|(s*$)/g, "") ;
}

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：チェックボックスの一部操作について簡単解説（実践編）_基礎知識次の記事：チェックボックスの一部操作について簡単解説（実践編）_基礎知識

関連記事

続きを見る

• Bootstrap リスト グループ コンポーネントの詳細な分析
• JavaScript関数のカリー化の詳細説明
• JS パスワードの生成と強度検出の完全な例 (デモ ソース コードのダウンロード付き)
• Angularjs は WeChat UI (weui) を統合します
• JavaScript を使用して繁体字中国語と簡体字中国語をすばやく切り替える方法と、簡体字中国語と繁体字中国語の切り替えをサポートする Web サイトのトリック_javascript スキル

福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！

私たちについて免責事項Sitemap

© php.cn All rights reserved