📄 element.html
字号:
<script language="javascript" src="prototype.js"></script><script language="javascript">window.onload = function(){ alert(div1.innerHTML); //原始的innerHTML Element.cleanWhitespace(div1); alert(div1.innerHTML); //被清除空白元素后的innerHTML}</script><div id="div1">aa aaa<br />di r rrd<br /><b>cc ccc</b> </div></pre></DL>
</DD>
</DL>
<HR>
<A NAME="empty(java.lang.Object)"><!-- --></A><H3>
empty</H3>
<PRE>
public static java.lang.Object[] <B>empty</B>(java.lang.Object element)</PRE>
<DL>
<DD>判断指定元素是否为空元素; <br> return $(element).innerHTML.match(/^\s*$/);
<P>
<DD><DL>
<DT><B>参数：</B><DD><CODE>element</CODE> - 一个DOM元素的id或者直接是DOM元素
<DT><B>返回：</B><DD>返回数组,如果数组不为空或数组长度等于1,则表示此元素是空元素;反之,代表此元素为空; <p><b>Example:</b></p><pre><script language="javascript" src="prototype.js"></script><script language="javascript">window.onload = function(){ if(Element.empty(div1)){ alert("the div1 is empty!"); } if(Element.empty(div2)){ alert("the div2 is empty!"); } }</script><div id="div1"></div><div id="div2">aaa</div> </pre></DL>
</DD>
</DL>
<HR>
<A NAME="scrollTo(java.lang.Object)"><!-- --></A><H3>
scrollTo</H3>
<PRE>
public static void <B>scrollTo</B>(java.lang.Object element)</PRE>
<DL>
<DD>将window的滚动条拖拽到指定元素所在的位置
<P>
<DD><DL>
<DT><B>参数：</B><DD><CODE>element</CODE> - 一个DOM元素的id或者直接是DOM元素</DL>
</DD>
</DL>
<HR>
<A NAME="getString(java.lang.Object, java.lang.String)"><!-- --></A><H3>
getString</H3>
<PRE>
public static java.lang.String <B>getString</B>(java.lang.Object element,
java.lang.String styleName)</PRE>
<DL>
<DD>返回元素上的指定样式的值
<P>
<DD><DL>
<DT><B>参数：</B><DD><CODE>element</CODE> - 一个DOM元素的id或者直接是DOM元素<DD><CODE>styleName</CODE> - 样式属性名[例:backgroundColor]或者标签样式属性名[例:background-color]
<DT><B>返回：</B><DD>指定样式的值,如果不存在就返回null;</DL>
</DD>
</DL>
<HR>
<A NAME="setStyle(java.lang.Object, net.conic.prototype.Hash)"><!-- --></A><H3>
setStyle</H3>
<PRE>
public static void <B>setStyle</B>(java.lang.Object element,
<A HREF="../../../../net/conic/prototype/Hash.html" title="net.conic.prototype 中的类">Hash</A> cssPropertyHash)</PRE>
<DL>
<DD>设置指定元素的属性
<P>
<DD><DL>
<DT><B>参数：</B><DD><CODE>element</CODE> - 一个DOM元素的id或者直接是DOM元素<DD><CODE>cssPropertyHash</CODE> - 样式NV对 ,特别需要说明的是在JS中本身不支持以"-"分隔的做为一成{}成员的标识,所以这里请不要使用如background-color方式标识的name<p><b>Example:</b></p><pre><script language="javascript" src="prototype.js"></script><script language="javascript">window.onload = function(){ var a = {backgroundColor:"#FF0000",fontSize:50}; Element.setStyle(div2,$H(a));}</script><div id="div2">aaaaaaa</div></DL>
</DD>
</DL>
<HR>
<A NAME="getDimensions(java.lang.Object)"><!-- --></A><H3>
getDimensions</H3>
<PRE>
public static java.lang.Object <B>getDimensions</B>(java.lang.Object element)</PRE>
<DL>
<DD>取得元素的维度(宽度和高度),不管这个元素是否可见都可取得!
<P>
<DD><DL>
<DT><B>参数：</B><DD><CODE>element</CODE> - 一个DOM元素的id或者直接是DOM元素
<DT><B>返回：</B><DD>格式: {width: xxx; height:xxx}; <br>如果指定的元素可见,则取其offsetHeight与offsetWidth; <br>如果元素不可见,则通过visibility与display结合的方式取得其clientWidth与clientHeight做为width与height</DL>
</DD>
</DL>
<HR>
<A NAME="makePositioned(java.lang.Object)"><!-- --></A><H3>
makePositioned</H3>
<PRE>
public static void <B>makePositioned</B>(java.lang.Object element)</PRE>
<DL>
<DD>使得指定的不可定位的元素可以被定位,并且定位方式是相对的(relative);
<P>
<DD><DL>
<DT><B>参数：</B><DD><CODE>element</CODE> - 一个DOM元素的id或者直接是DOM元素 <p><b>Example:</b></p><pre><script language="javascript" src="prototype.js"></script><script language="javascript">window.onload = function(){ var a = {backgroundColor:"#FF0000",fontSize:50} Element.setStyle(div2,$H(a)); Element.makePositioned(div2); //注释这行代码,将让下面的语句失效 div2.style.top=90;}</script><div id="div2">aaa</div></pre></DL>
</DD>
</DL>
<HR>
<A NAME="undoPositioned(java.lang.Object)"><!-- --></A><H3>
undoPositioned</H3>
<PRE>
public static void <B>undoPositioned</B>(java.lang.Object element)</PRE>
<DL>
<DD>makePositioned的反操作,重置makePositioned.
<P>
<DD><DL>
<DT><B>参数：</B><DD><CODE>element</CODE> - 一个DOM元素的id或者直接是DOM元素<DT><B>另请参见：</B><DD><A HREF="../../../../net/conic/prototype/dom/Element.html#makePositioned(java.lang.Object)"><CODE>makePositioned(Object)</CODE></A></DL>
</DD>
</DL>
<HR>
<A NAME="makeClipping(java.lang.Object)"><!-- --></A><H3>
makeClipping</H3>
<PRE>
public static void <B>makeClipping</B>(java.lang.Object element)</PRE>
<DL>
<DD>将DOM元素中溢出的内容自动切除掉. 即element.style.overflow = 'hidden'
<P>
<DD><DL>
<DT><B>参数：</B><DD><CODE>element</CODE> - 一个DOM元素的id或者直接是DOM元素 <p><b>Example:</b></p><pre><script language="javascript" src="prototype.js"></script><script language="javascript">window.onload = function(){ var a = {backgroundColor:"#FF0000",fontSize:50} Element.setStyle(div2,$H(a)); Element.makeClipping(div2);}</script><div id="div2" style="width:60px">aaaaaaaaaaaaaaaaasdfsadfdsafsaaa</div></pre></DL>
</DD>
</DL>
<HR>
<A NAME="undoClipping(java.lang.Object)"><!-- --></A><H3>
undoClipping</H3>
<PRE>
public static void <B>undoClipping</B>(java.lang.Object element)</PRE>
<DL>
<DD>makeClipping的反操作,重置.
<P>
<DD><DL>
<DT><B>参数：</B><DD><CODE>element</CODE> - 一个DOM元素的id或者直接是DOM元素<DT><B>另请参见：</B><DD><A HREF="../../../../net/conic/prototype/dom/Element.html#makeClipping(java.lang.Object)"><CODE>makeClipping(Object)</CODE></A></DL>
</DD>
</DL>
<!-- ========= END OF CLASS DATA ========= -->
<HR>
<!-- ======= START OF BOTTOM NAVBAR ====== -->
<A NAME="navbar_bottom"><!-- --></A>
<A HREF="#skip-navbar_bottom" title="跳过导航链接"></A>
<TABLE BORDER="0" WIDTH="100%" CELLPADDING="1" CELLSPACING="0" SUMMARY="">
<TR>
<TD COLSPAN=2 BGCOLOR="#EEEEFF" CLASS="NavBarCell1">
<A NAME="navbar_bottom_firstrow"><!-- --></A>
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="3" SUMMARY="">
<TR ALIGN="center" VALIGN="top">
<TD BGCOLOR="#EEEEFF" CLASS="NavBarCell1"> <A HREF="../../../../overview-summary.html"><FONT CLASS="NavBarFont1"><B>概述</B></FONT></A> </TD>
<TD BGCOLOR="#EEEEFF" CLASS="NavBarCell1"> <A HREF="package-summary.html"><FONT CLASS="NavBarFont1"><B>软件包</B></FONT></A> </TD>
<TD BGCOLOR="#FFFFFF" CLASS="NavBarCell1Rev"> <FONT CLASS="NavBarFont1Rev"><B>类</B></FONT> </TD>
<TD BGCOLOR="#EEEEFF" CLASS="NavBarCell1"> <A HREF="class-use/Element.html"><FONT CLASS="NavBarFont1"><B>使用</B></FONT></A> </TD>
<TD BGCOLOR="#EEEEFF" CLASS="NavBarCell1"> <A HREF="package-tree.html"><FONT CLASS="NavBarFont1"><B>树</B></FONT></A> </TD>
<TD BGCOLOR="#EEEEFF" CLASS="NavBarCell1"> <A HREF="../../../../deprecated-list.html"><FONT CLASS="NavBarFont1"><B>已过时</B></FONT></A> </TD>
<TD BGCOLOR="#EEEEFF" CLASS="NavBarCell1"> <A HREF="../../../../index-files/index-1.html"><FONT CLASS="NavBarFont1"><B>索引</B></FONT></A> </TD>
<TD BGCOLOR="#EEEEFF" CLASS="NavBarCell1"> <A HREF="../../../../help-doc.html"><FONT CLASS="NavBarFont1"><B>帮助</B></FONT></A> </TD>
</TR>
</TABLE>
</TD>
<TD ALIGN="right" VALIGN="top" ROWSPAN=3><EM>
</EM>
</TD>
</TR>
<TR>
<TD BGCOLOR="white" CLASS="NavBarCell2"><FONT SIZE="-2">
上一个类
<A HREF="../../../../net/conic/prototype/dom/Insertion.html" title="net.conic.prototype.dom 中的类"><B>下一个类</B></A></FONT></TD>
<TD BGCOLOR="white" CLASS="NavBarCell2"><FONT SIZE="-2">
<A HREF="../../../../index.html?net/conic/prototype/dom/Element.html" target="_top"><B>框架</B></A>
<A HREF="Element.html" target="_top"><B>无框架</B></A>
<SCRIPT type="text/javascript">
<!--
if(window==top) {
document.writeln('<A HREF="../../../../allclasses-noframe.html"><B>所有类</B></A>');
}
//-->
</SCRIPT>
<NOSCRIPT>
<A HREF="../../../../allclasses-noframe.html"><B>所有类</B></A>
</NOSCRIPT>
</FONT></TD>
</TR>
<TR>
<TD VALIGN="top" CLASS="NavBarCell3"><FONT SIZE="-2">
摘要： 嵌套 | 字段 | <A HREF="#constructor_summary">构造函数</A> | <A HREF="#method_summary">方法</A></FONT></TD>
<TD VALIGN="top" CLASS="NavBarCell3"><FONT SIZE="-2">
详细信息： 字段 | <A HREF="#constructor_detail">构造函数</A> | <A HREF="#method_detail">方法</A></FONT></TD>
</TR>
</TABLE>
<A NAME="skip-navbar_bottom"></A>
<!-- ======== END OF BOTTOM NAVBAR ======= -->
<HR>
</BODY>
</HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -