Rss订阅

首页 »Javascript教程 » javascript拖拽:Javascript拖拽系列文章1的offsetParent属性 »正文

javascript拖拽:Javascript拖拽系列文章1的offsetParent属性

来源: 发布时间:星期四, 2008年12月25日浏览:95次评论:0

第

篇就先讲讲Javascript中

off

Parent属性吧

支持

浏览器:Internet Explorer 4.0+

Mozilla 1.0+

Netscape 6.0+

Opera 7.0+

Safari 1.0+
element.off

Parent
Summary
off

Parent

s a reference to the object which is the closest (nearest in the containment hierarchy) positioned containing element. If the element is non-positioned, the root element (html in standards compliant mode; body in quirks rendering mode) is the off

Parent. off

Parent

s null when the element has style.display

to "none".
Syntax
parentObj = element.off

Parent
Parameters
· parentObj is an object reference to the element in which the current element is off

.
Spec

ication
DOM Level 0. Not part of spec

ication.
节选自Mozilla Developer Center网站WebSite
翻译如下:
element.off

Parent
整理总结
off

Parent属性返回

个对象

引用

这个对象是距离

off

Parent

元素最近

(在包含层次中最靠近

)

并且是已进行过CSS定位

容器元素

如果这个容器元素未进行CSS定位, 则off

Parent属性

取值为根元素(在标准兼容模式下为html元素；在怪异呈现模式下为body元素)

引用

当容器元素

style.display 被设置为 "none"时(译注:IE和Opera除外)

off

Parent属性返回 null

句法
parentObj = element.off

Parent
变量
· parentObj 是

个元素

引用

当前元素

偏移量在其中计算

规范标准
DOM Level 0. 并非规范标准

部分.
点击运行可以看到效果:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; char<img src='/icons/71414set.gif' />=UTF-8" /> 
<title>Untitled Document</title> 
 
</head> 
<body _disibledevent="保存代码"/>[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]<br/><br/>               
                    <script type="text/javascript">
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
                    </div>
                </div>
                <div class="tags">
                        标签：<a href="/Tag/21041/Index.html">firefox拖拽</a> <a href="/Tag/71103/Index.html">offsetparent</a> <a href="/Tag/31562/Index.html">javascript属性</a> <a href="/Tag/70593/Index.html">javascript拖拽</a>                       
                 </div>
                 <div id="plPdf">	
                 <div> <a href="/mypdf/45044.pdf" title="下载 'javascript拖拽:Javascript拖拽系列文章1的offsetParent属性' 的PDF电子版" style="color: #ff6600;  font-size: 14px; font-weight: bold;">下载文章的 PDF文档电子版 离线看</a></div>                 
</div>
                <div class="diggdiv">
                    <div id="digg52777" class="diggbox">
                        <div class="diggnum">0</div>
                        <div class="digglink">
                            <a href="javascript:dig(45044);">我顶</a>
                        </div>
                    </div>
                    <div class="prevnext">                 
                        <div>
                        <input type="hidden" id="txtArtTitle" name="txtArtTitle" value="javascript拖拽:Javascript拖拽系列文章1的offsetParent属性" />
                        <input type="text" id="txtArtUrl" onclick="copy(this)" style="width:300px" value="http://CrazyCoder.cn/Javascript/Article45044.html" /><input type="button" onclick="copy()" value="复制网址" /></div>
                    </div>
                </div>
                <div class="clear"></div>
               
            </div>
          
            <div class="title-y">               
                <h3>相关文章</h3>
            </div>
            <div class="list-y">
                <ul class="list">
                        <li><a href="/Javascript/Article45838.html" target="_blank">javascript对象:javascript入门· 对象属性思路方法大整理总结</a></li>
<li><a href="/Arithmetic/Article31228.html" target="_blank">javascript对象:javascript对某个属性对象进行排序</a></li>
<li><a href="/Javascript/Article44714.html" target="_blank">javascript拖拽:javascript 公用拖拽类代码</a></li>
<li><a href="/Javascript/Article44749.html" target="_blank">js拖拽:js简单的表拖拽</a></li>
<li><a href="/Javascript/Article45059.html" target="_blank">javascriptstyle:ppk谈JavaScript style属性</a></li>
<li><a href="/Javascript/Article45032.html" target="_blank">javascript拖拽:Javascript拖拽& 拖放系列文章3的细说事件对象</a></li>
<li><a href="/HtmlJiaoCheng/Article19457.html" target="_blank">javascripttarget:Javascript来控制 target属性</a></li>
<li><a href="/Javascript/Article22911.html" target="_blank">string.prototype:javascript通过prototype属性扩充String功能</a></li>
<li><a href="/VC/Article13411.html" target="_blank">jquery拖拽:创建一个可调整大小和拖拽的Edit</a></li>

</ul>
            </div>
            <div class="title-y">               
                <h3>读者评论</h3>
            </div>
            <div class="list-y">
                <ul class="listcmt">
                                                        
                </ul>
            </div>
            <div class="title-y">               
                <h3>发表评论</h3>

</div>
            <form id="formCmt"  method="post" onsubmit="return saveComment();">
            <div class="list-y">                
                <ul class="list">
                    <li>昵称：<input type="text" id="txtUserName" name="txtUserName" /><input type="hidden" id="txtArticleID" value="45044" /></li>                    
                    <li>内容：<textarea id="txtContent" name="txtContent">

专注于互联网--专注于架构

首页 »Javascript教程 » javascript拖拽:Javascript拖拽系列文章1的offsetParent属性 »正文

javascript拖拽:Javascript拖拽系列文章1的offsetParent属性

热门标签

精华推荐

最新标签

Dig排行

阅读排行

最新文章