交替显示地址

最新推荐文章于 2024-04-26 16:47:03 发布

stonegreen72

最新推荐文章于 2024-04-26 16:47:03 发布

阅读量79

点赞数

分类专栏：学习笔记 js/jQuwey 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/stonegreen72/article/details/84002795

版权

学习笔记同时被 2 个专栏收录

16 篇文章 0 订阅

订阅专栏

js/jQuwey

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script type="text/JavaScript" src="../Domhelp.js"></script>
  
  <script type="text/JavaScript" src="styleChange.js"></script>
  

 </HEAD>

 <BODY>
  <H3>Contact Details</H3>
  <address>
  北京市<br/>
  海淀区<br/>
  紫金数码园4号楼<br/>
  </address>
 </BODY>
</HTML>

sc={
	init:function(){
		sc.head = document.getElementsByTagName("H3")[0];
		//得到H3后续兄弟，即<address>
		sc.ad = DOMhelp.closestSibling(sc.head,1);
		//令address不显示
		sc.ad.style.display="none";

		//获得H3的文本内容
		var t = DOMhelp.getText(sc.head);
		//创建一个超链接，其内容为H3的内容，目标为本页
		var collapseLink = DOMhelp.createLink("#",t);
		//H3的第一个孩子(即#text)被新建的超链接取代
		sc.head.replaceChild(collapseLink,sc.head.firstChild);
		//为新建的超链接设定单击事件(执行函数peekaboo)
		DOMhelp.addEvent(collapseLink,"click",sc.peekaboo,false);
		//在safari浏览器使用
		collapseLink.οnclick=function(){return;}
	},
	peekaboo:function(e){
		//交替显示地址
		sc.ad.style.display=sc.ad.style.display=="none"?"":"none";
		DOMhelp.cancelClick(e);
	}
}
DOMhelp.addEvent(window,"load",sc.init,false);

stonegreen72

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
交替显示地址

&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt;&lt;HTML&gt; &lt;HEAD&gt; &lt;TITLE&gt; New Document &lt;/TITLE&gt; &lt;META NAME="Generator" CONTENT="Edi
复制链接

扫一扫