技巧 Html元素的动态添加方法

wm13898867075

wm13898867075

2016-02-19 16:58

今天图老师小编要向大家分享个技巧 Html元素的动态添加方法教程,过程简单易学,相信聪明的你一定能轻松get!

今天做东东的时候要用js创建html元素然后动态给该元素添加方法,走了不少弯路。最后把解决方法发布,让大家以后少走弯路。
js文件
function CheckNull(id)
{
     //DoSomeThing   
}
var CheckNewNull= function(id)
{
    return function(){
        CheckNull(id);
     }
}
 
给Html元素添加方法
//创建一个textarea
std2area=document.createElement("textarea");
//设置属性
std2area.setAttribute("id","member_Task"+position);
std2area.setAttribute("name","member_Task"+position);
//添加方法
std2area.attachEvent("onblur",CheckNewNull("member_Task"+position));
 
如果添加方法写成:std2area.attachEvent("onblur",CheckNull("member_Task"+position));
或者写成std2area.attachEvent("onblur",CheckNull);
那么会出现错误。原因是这样做是将CheckNull("member_Task"+position)的返回值赋给onblur
而不是将函数CheckNull赋给该元素。所以正确的做法是将CheckNull用一个函数返回,如上所示。
 
最后写写添加方法的其它途径:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

  Std2area.onblur=CheckNull;
  Std2area.setAttribute(“onblur”,CheckNull);

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

技巧 Html元素的动态添加方法

Web开发
技巧 Html元素的动态添加方法

html5 svg 中元素点击事件添加方法

Web开发
html5 svg 中元素点击事件添加方法

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

微视动态水印添加技巧

手机软件 应用软件
微视动态水印添加技巧

如何实现动态添加Html文档中Form项

ASP
如何实现动态添加Html文档中Form项

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

动态HTML教程(二)

Html CSS布局 Div+CSS XHTML
动态HTML教程(二)

动态HTML教程(一)

Html CSS布局 Div+CSS XHTML
动态HTML教程(一)

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

AJAX的jQuery实现入门(一)

AJAX的jQuery实现入门(一)

Visual C#网络程序开发之Socket篇

Visual C#网络程序开发之Socket篇
下拉加载更多内容 ↓