ECMAScript网页元素信息分析工具

ECMAScript 对象类型
js获取css属性值

<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
*************************ok**************************************************************
16:54 2019/5/1
$('*').mouseover(function (e) {
	if ($('#newadd').length=1){
	$("#newadd").remove();
	}
	console.log($(this),'thisover');
	var wid = $(this).css('width');
	var hei = $(this).css('height');
	$(this).css({border:"1px solid blue",boxsizing:"borderbox"});	
	$('body').append("<div id='newadd'>height:"+hei+";width:"+wid+";</div>");
	//console.log('this');
	//console.log('newadd');
	$("#newadd").css({position:'fixed',left:'0px',bottom:'0px',color:'#fff',zIndex:'9999',background:'#000',border:"1px soldi green",height:'50px',width:'200px',fontsize:'14px'});
	return false;
	
  });
  $('*').mouseout(function (e) {
	//console.log(e,'e event');
	if ($('#newadd').length=1){
	$("#newadd").remove();
	};
	console.log($(this),'thisout');
	$(this).css({border:"0px solid blue",boxsizing:"contentbox"});
	delete wid;delete hei;
	return false;

  });
**************************************************************ok******************************************************************

*************************ok**************************************************************
21:22 2019/6/1
$('*').mouseover(function (e) {
	if ($('#newadd').length=1){
	$("#newadd").remove();
	}
	console.log(e.clientX,e.clientY);
	console.log($(this),'thisover');
	var wid = $(this).css('width');
	var hei = $(this).css('height');
	var pos = $(this).css('position');
	var id = $(this).attr('id');
	$(this).css({border:"1px solid blue",boxsizing:"borderbox"});	
	$('body').append("<div id='newadd'>height:"+hei+";width:"+wid+";</br>position:"+pos+"id:"+id+";</div>");
	//console.log('this');
	//console.log('newadd');
	$("#newadd").css({position:'fixed',left:e.clientX,top:e.clientY,color:'#fff',zIndex:'9999',background:'#000',border:"1px soldi green",height:'50px',width:'400px',fontsize:'14px'});
	return false;
	
  });
  $('*').mouseout(function (e) {
	//console.log(e,'e event');
	if ($('#newadd').length=1){
	$("#newadd").remove();
	};
	console.log($(this),'thisout');
	$(this).css({border:"0px solid blue",boxsizing:"contentbox"});
	delete wid;delete hei;
	return false;

  });
**************************************************************ok******************************************************************