脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-js向body创建对象、对象属性、对象事件，js获取元素坐标、元素边框大小、真实大小，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。 元素坐标：

    x：$(this).position().left

    y：$(this).position().top

元素边框大小：

    边框大小=（$(this).outerWidth()-$(this).innerWidth()）/ 2

真实大小：

    w：$(this).outerWidth()

    h：$(this).outerHeight()

创建元素的事件：

var __s = document.createElement("span");

__s.onclick = function () {

                    //do something

                }

<script type="text/javascript">  

    $(function () {  

        var img = "<img src=/"dateSelect.png/" width=/"16/" height=/"16/" alt=/"tooltip/" title=/"tooltip/" />";  

        $("input[type='text']").each(function (i) {  

            //位置x  

            var __x = $(this).position().left;  

            //位置y  

            var __y = $(this).position().top;  

            //外部宽度  

            var __ow = $(this).outerWidth();  

            //内部宽度  

            var __iw = $(this).innerWidth();  

            //外部高度  

            var __oh = $(this).outerHeight();  

            //内部高度  

            var __ih = $(this).innerHeight();  

            //边框宽度  

            var __b = (__ow - __iw) / 2;  

            $(this).val(__b);  

            //可以使用图标  

            if (__ow > 16 && __oh > 16) {  

                //创建新标签放在原始位置右侧  

                var __s = document.createElement("span");  

                //样式  

                __s.className = "__o";  

                //宽度  

                __s.style.width = "16px";  

                //高度  

                __s.style.height = "16px";  

                //left  

                __s.style.left = __x + __b + __iw - 16 + "px";  

                //right  

                __s.style.top = __y + __b + (__ih - 16) / 2 + "px";  

                //内容  

                __s.innerHTML = img;  

                //事件  

                __s.onclick = function () {  

                    alert(i);  

                }  

                //添加到body中  

                var __o = document.getElementsByTagName("body")[0].appendChild(__s);  

  

            }  

        });  

    });  

</script>  

 

觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-js向body创建对象、对象属性、对象事件，js获取元素坐标、元素边框大小、真实大小全部内容，希望文章能够帮你解决javascript代码实例教程-js向body创建对象、对象属性、对象事件，js获取元素坐标、元素边框大小、真实大小所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。