SOURCE

function pressed(obj){
  var disText = document.getElementById("txt");
  disText.value = "测试数据";

  var dd = document.getElementById("dd"); 
  dd.innerHTML  = "点击";
}

// 这里是给悬停用的，需要jQuery
$(function(){
    $('#divcon').hide();
    $('#testMH').hover(
      function(){$('#divcon').show();},
      function(){$('#divcon').hide();}
    );
  }
 );

<div id="dd">显示的数据</div>
<input type="text" id="txt"/>
<input type="button" onclick="pressed(this)" value="测试按钮"/>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
<div>
<a href="#" id="testMH">测试连接</a>
<div id="divcon">隐藏的内容，鼠标悬停显示</div>
<div>

<div>
<a href="#" class="tishi">这里有个标签<span>Hello World</span></a>
</div>

#dd{
  background-color:gray;
  color:hotpink;
  margin:30px 0;
  /* margin-bottom: 20px; */
  margin-left: 10px;
}



#testMH{
  text-decoration:none;
  color:green;
}

#divcon{
  color:white;
}




.tishi{
  text-decoration:none;
  color:red;
}
.tishi span{
  display:none;
}

.tishi:hover span{
  color:black;
  display:block;
  position:absolute; /* 有多大显示多大 */
  background-color: pink;
  /* top:30px; */
  left: 30px;
  padding: 10px;
  border: 3px solid black;
  /* width: 15em; */
}