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

2016-02-19 16:58 6 1 收藏

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

【 tulaoshi.com - Web开发】

今天做东东的时候要用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用一个函数返回，如上所示。

最后写写添加方法的其它途径：

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

来源:http://www.tulaoshi.com/n/20160219/1613743.html

上一篇： AJAX的jQuery实现入门(一)
下一篇： Visual C＃网络程序开发之Socket篇

看过《技巧 Html元素的动态添加方法》的人还看了以下文章更多>>

动态HTML教程（三）

标签： Html CSS布局 Div+CSS XHTML

今天我们将开始学习动态HTML最精彩的部分：动态HTML编程。HTM之所以成功的原因之一在于它提供了在互联网上展现网页的统一方式。一旦你标识了一个网页，它在任何地方都可以看到。Javascript也是如此。及时它的版本会有很多种，但它的核心和语法是统一的，它在支持Javascript的所有浏览器中都可以应用。CSS也具有统一的语法。在...

动态HTML教程（五）

标签： Html CSS布局 Div+CSS XHTML

现在，经过四天的动态HTML教程，你已经知道如何制作动画和用户界面。你可以定位对象，在网页中移动它们，用程序改变它们的z-index和可视性。你知道如何条件化不同的DOM和写在Microsoft和Netscape的浏览器中都可用的文档。也许你觉得用手工编码太辛苦，于是你抛弃了文本编辑器，投入所见即所得的编辑工具的怀抱。 ...

Word2007添加动态文字的方法

标签： word

Word2007添加动态文字的方法如果能自己在文档中添加动态文字，那么就是一件很拉风的事情了，今天图老师小编就教教大家如何添加动态文字。在制作Word文档的时候，我们有时候需要将文字设置成闪烁不断的效果和具有霓虹灯样的效果，那么这些效果我们如果在Word中实现了，下面跟我们一起来学习吧。 Word --1、选定要添加...

动态HTML教程（四）