欢迎来到山村网

Html元素的动态添加方法

2019-03-28 23:18:13浏览:681 来源:山村网   
核心摘要:  今天做东东的时候要用js创建html元素然后动态给该元素添加方法,走了不少弯路。最后把解决方法发布,让大家以后少走弯路。 

  今天做东东的时候要用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);

(责任编辑:豆豆)
下一篇:

HTML 限制文本框只能输入数字

上一篇:

使用Tiger交叉引用HTML

  • 信息二维码

    手机看新闻

  • 分享到
打赏
免责声明
• 
本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们 xfptx@outlook.com