js用CreateElement动态创建标签示例_uniapp$createElement

event

input

446 浏览量更新于2023-05-27 评论收藏 44KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

js 用用CreateElement动态创建标签示例动态创建标签示例

//定义方法创建一个label标签

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

代码如下:

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);

var label_css = document.createAttribute(“class”);

label_css.nodeValue = “select_css”;

label_var.setAttributeNode(label_css);

label_var.appendChild(label_text);

return label_var;

}

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

//定义方法创建input标签（主要为Text）

//id,name,value,type 分别代表创建标签的id,

// 名称（name），值（value），类型（type）

// 绑定Input方法事件，绑定方式如下（可以同时绑定多个事件方法）：

// “onchange==alert(‘This Value is change success !’);|onblur==alert(‘This value is the beautiful one !’);”

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

代码如下:

var createInput = function(id, name, value, type, width, height, event) {

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[i].split(‘==’);

input_event_attr_IE += ” ” + event_IE[0] + “=” “;

}

try {//定义变量实现IE6.0和IE7.0兼容。

var_input = document.createElement(“<input ” + input_event_attr_IE + “>”);

} 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 = name;

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 += “height:” + height + “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);

}

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余3页未读，立即下载

weixin_38547421

粉丝: 3
资源: 959

会员权益专享

js 用CreateElement动态创建标签示例

评论0

会员权益专享

最新资源

js 用CreateElement动态创建标签示例

评论0

select标签动态生成option

JS简单实现动态添加HTML标记的方法示例

html 用数组信息填充下拉框示例

JavaScript"<html><a>你好</a><font>其它</font><a>Hello</a>u把上面字符串中 a 标签包裹的内容全部取出，并在页面上输出以下表格。提示:字符串的 indexof 方法，substring() 方法

js完成下拉列表的动态添加

js select 动态添加option

帮我写动态生成表格的js代码

ajax 下载zip文件

用纯JS画一只狗包括创建元素

用js写一个日期下拉菜单

html dom动态实现订单的添加和删除

用javascript写一个圣诞树

如何在下拉菜单中选定之后动态弹出新的文本框

用HTML 新建一个div，用于显示和记录不用扣税的人名，数据以 累加的方式进行；

元旦快乐代码 有会动的烟花

使用ajax获取area.json数据实现省市县三级联动选择

会员权益专享

最新资源

用HTML 新建一个div，用于显示和记录不用扣税的人名，数据以累加的方式进行；

元旦快乐代码有会动的烟花