Node.js는 CreateElement를 사용하여 태그를 동적으로 생성합니다. example_javascript 기술

//라벨 생성 방법 정의
//*************************************//

코드 복사 코드는 다음과 같습니다.

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

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

var label_text = document.createTextNode(value)

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


//*************************************//
//입력 태그를 생성하는 방법 정의(주로 텍스트)

//id, 이름, 값, 유형 각각 생성된 태그의 id를 나타냅니다.
// 이름(name), 값(value), 유형(type)
// 입력 방식 이벤트를 바인딩합니다. 바인딩 방법은 다음과 같습니다. (여러 개의 이벤트 메서드를 바인딩할 수 있음) 동시에):
// "onchange==alert('이 값은 변경 성공입니다!');|onblur==alert('이 값은 아름답습니다 !');" 🎝>***/ /




코드 복사

코드는 다음과 같습니다. var createInput = 함수(id, 이름, 값, 유형, 너비, 높이, 이벤트) { var var_input = null

var input_event_attr_IE = ""

if (event != null && event != "" ) {
var event_array_IE = event .toString().split('|');
for (var i = 0; i < event_array_IE.length; i ) {
var event_IE = event_array_IE ].split('==') ;
input_event_attr_IE = " " event_IE[0] "='' ";
}
}
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")
input_name.nodeValue = 이름; 🎜>var input_type = document.createAttribute("type");
input_type.nodeValue = type;
var input_value = document.createAttribute("value");
input_value.nodeValue = 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 = "높이:" 높이 "px;";
}

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

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

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

return var_input;
}


//************************************************** ****************//
//선택 선택 상자에 대한 레이블을 생성하는 방법을 정의합니다.
//***** id는 식별 ID를 나타냅니다. 라벨의
//***** 이름은 라벨의 이름을 나타냅니다.
//***** 옵션은 라벨에 바인딩될 옵션을 나타냅니다(예: "0231A563-Professional Services| 02312177-유지 관리 서비스 |...")
//***** 분할 문자열은 옵션을 구분하는 데 사용되는 문자를 나타냅니다(예: '|').
//***** 분할 문자는 구분 기호를 나타냅니다. 키-값 쌍을 구분하는 것(예: '-')
//***** 이벤트는 이 태그에 해당하는 이벤트를 나타냅니다(event==null인 경우 이 태그는 이벤트를 바인딩하지 않습니다)

/ /************************************************** ****************** ***************************//




코드 복사


코드는 다음과 같습니다.

var createSelect = function(id, name, options, Splitstr, Splitchar, event, selectedValue) {
var var_select = null;
IE6.0과 IE7.0의 {//处理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);
시도해 보세요 {
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) ? "|" : 분할str;
splitchar = (splitchar == "" || Splitchar == null) ? "-" : 분할문자;

if (옵션 != null && 옵션 != 정의되지 않음 && 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 < arrayOption.length; i ) {
var temp_value = arrayOption[i].split(splitchar);
var option = document.createElement("option");
var option_value = document.createAttribute("value");
option_value.nodeValue = 임시_값[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]. 선택됨 = 사실;
}
}
}
}
return var_select;
}

//***************************************************//
//정의방법법创建一个标签;
//***** id表示标签唯一表示id
//***** name表示标签적명명name
//***** value表示标签对应显示的文字(name称)
//***** event表示标签对应的事件（当event==null时事件不绑定）
//***** href表示标签的链接属性
//*** id는 라벨의 고유 ID를 나타냅니다.
//***** name은 라벨의 이름을 나타냅니다. name

//***** value는 해당 라벨의 이름을 나타냅니다. label // ***** event는 레이블에 해당하는 이벤트를 나타냅니다. (event==null인 경우 이벤트는 바인딩되지 않습니다.) //***** href는 레이블의 링크 속성을 나타냅니다. 🎜>//****** **************************************** ********//

复aze代码

代码如下:


var createA = 함수(id, 이름, 값, 이벤트, href, 대상) {
var var_a = null;
try {
var_a = document.createElement(""); //这里创建必须为""这种shape式来创建否者不支持IE6.0 andIE7.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 and 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;
}

//정방법删除节点。
var RemoveRowItem = function(obj) {
var rowTr = obj.parentNode.parentNode;
시도해 보세요 {
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를 사용하여 중국어 번체와 중국어 간체 간을 빠르게 전환하는 방법과 중국어 간체와 중국어 번체 간 전환을 지원하는 웹사이트의 요령_javascript 기술

공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！

회사 소개부인 성명Sitemap

© php.cn All rights reserved