我的一个JS方法问题，为什么我动态添加一个<img>出现了下面的问题

Question

obj.style.pixelTop = event.clientY - 10; 
obj.style.pixelLeft = event.clientX + 20; 我记得……好像 pixelTop  是只读的。我一般是用style.top + px。
而且，按照逻辑来说，应当是只读的。否则当我们用百分比呢？

Answer 1

<div id="divError" style="position:absolute"></div>

Answer 2

补充：
请确定<div id="divError" style="position:absolute"> </div>
没有包括在thisParent里面

Answer 3

var myDiv = document.getElementById("divError"); myDiv.innerHTML += " <img src='img/exclamation.gif' style='cursor:pointer' onmousemove='showAndMoveMe("+myDiv + ",\"该项为必填\")'/>"; 

Answer 4

<div id="thisParent"></div>
<div id="divError" style="position:absolute;border:1px #999 solid;background:#f9f9ff;font-size:12px;color:#00f;padding:4px;display:none"></div><script language="javascript">
<!--
var myDiv = document.getElementById("divError");
var thisParent=document.getElementById("thisParent");//动态添加一图片（及其事件）
thisParent.innerHTML += " <img src='images/pic010.png' style='cursor:pointer;width:156px;' onmousemove='showAndMoveMe(\"divError\",\"该项为必填\")' onmouseout='hidAndMoveMe(\"divError\")'/>";  
//ib 要移动的对象ID 
//message 提示信息 
function showAndMoveMe(id,message){//显示&移动DIV层
var obj = document.getElementById(id); 
obj.style.display="block"; //显示对象
obj.innerHTML = message;//把信息插入到对象里面 
obj.style.pixelTop = event.clientY - 10; //对象坐标
obj.style.pixelLeft = event.clientX + 20; 
} function hidAndMoveMe(id){ 
var obj = document.getElementById(id); 
obj.style.display="none"; //隐藏对象
} //-->
</script>