没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
试读
3页
近日,因工作需要,需要通过点击某个元素后, 动态创建一个DOM元素并显示,因此写了一些相关的JS函数,在此记录,以作备忘: /**//* 动态创建DOM元素的相关函数支持 www.jcodecraeer.com */ /**//* 获取以某个元素的DOM对象 @obj 该元素的ID字符串 */ function getElement(obj) { return typeof obj=='string'?document.getElementById(obj):obj; } /**//* 获取某个元素的位置 @obj 该元素的DOM对象,或该元素的ID */ function getObjec
资源推荐
资源详情
资源评论
通过通过JS动态创建一个动态创建一个html DOM元素并显示元素并显示
近日,因工作需要,需要通过点击某个元素后, 动态创建一个DOM元素并显示,因此写了一些相关的JS函数,在此记录,以
作备忘:
/**//*
动态创建DOM元素的相关函数支持
www.jcodecraeer.com
*/
/**//*
获取以某个元素的DOM对象
@obj 该元素的ID字符串
*/
function getElement(obj)
{
return typeof obj=='string'?document.getElementById(obj):obj;
}
/**//*
获取某个元素的位置
@obj 该元素的DOM对象,或该元素的ID
*/
function getObjectPosition(obj)
{
obj=typeof obj==='string'?getElement(obj):obj;
if(!obj)
{
return;
}
var position='';
if(obj.getBoundingClientRect) //For IEs
{
position=obj.getBoundingClientRect();
return {x:position.left,y:position.top};
}
else if(document.getBoxObjectFor)
{
position=document.getBoxObjectFor(obj);
return {x:position.x,y:position.y};
}
else
{
position={x:obj.offsetLeft,y:obj.offsetTop};
var parent=obj.offsetParent;
while(parent)
{
position.x+=obj.offsetLeft;
position.y+=obj.offsetTop;
parent=obj.offsetParent;
}
return position;
}
}
/**//*
为某个DOM对象动态绑定事件
@oTarget 被绑定事件的DOM对象
@sEventType 被绑定的事件名,注意,不加on的事件名,如 'click'
@fnHandler 被绑定的事件处理函数
*/
function addEventHandler(oTarget, sEventType, fnHandler)
{
if (oTarget.addEventListener)
{
oTarget.addEventListener(sEventType, fnHandler, false);
}
else if (oTarget.attachEvent) //for IEs
{
oTarget.attachEvent("on" + sEventType, fnHandler);
}
else
{
oTarget["on" + sEventType] = fnHandler;
}
}
/**//*
从某个DOM对象中去除某个事件
@oTarget 被绑定事件的DOM对象
@sEventType 被绑定的事件名,注意,不加on的事件名,如 'click'
@fnHandler 被绑定的事件处理函数
资源评论
weixin_38728347
- 粉丝: 4
- 资源: 912
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功