技巧 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用一个函数返回,如上所示。
 
最后写写添加方法的其它途径:

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

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

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

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

延伸阅读
  今天我们将开始学习动态HTML最精彩的部分:动态HTML编程。HTM之所以成功的原因之一在于它提供了在互联网上展现网页的统一方式。一旦你标识了一个网页,它在任何地方都可以看到。Javascript也是如此。及时它的版本会有很多种,但它的核心和语法是统一的,它在支持Javascript的所有浏览器中都可以应用。CSS也具有统一的语法。在...
    现在,经过四天的动态HTML教程,你已经知道如何制作动画和用户界面。你可以定位对象,在网页中移动它们,用程序改变它们的z-index和可视性。你知道如何条件化不同的DOM和写在Microsoft和Netscape的浏览器中都可用的文档。也许你觉得用手工编码太辛苦,于是你抛弃了文本编辑器,投入所见即所得的编辑工具的怀抱。 ...
标签: word
Word2007添加动态文字的方法   如果能自己在文档中添加动态文字,那么就是一件很拉风的事情了,今天图老师小编就教教大家如何添加动态文字。在制作Word文档的时候,我们有时候需要将文字设置成闪烁不断的效果和具有霓虹灯样的效果,那么这些效果我们如果在Word中实现了,下面跟我们一起来学习吧。 Word --1、选定要添加...
    如果你认真阅读了本教程并做了留给你的家庭作业的话,你心中肯定还存在这样一个疑问:这个动画是很有趣,但是你做的网站仍然是比较朴实无华的那种,所以动态HTML对你来说可能没有太大的价值。     没关系,今天的教程就是针对你这样的问题制作的。今天我们将建立几个用户界面元素,处理用户事...
标签: Web开发
第一个:  Untitled Document [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]   第二个: [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

经验教程

173

收藏

94
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部