javascript createElement(),style问题
javascript createElement(),style问题
今天我写了这个函数:
function zoom(obj){ var img = (!document.getElementById(obj))?false:document.getElementById(obj); var fullImage = (img.getAttribute("image") == null)?false:img.getAttribute("image"); if(!fullImage || !img) { return false; } if(!document.getElementById("::img")) { var ob = ""; document.write(ob);} img.onmousemove = function(e) { var x = Math.floor(((e.pageX-7) - (img.offsetLeft - 8)) * 100 / img.width); var y = Math.floor(((e.pageY-7) - (img.offsetTop - 8)) * 100 / img.height); x = (x>100)?100:(x<0)?0:x; y = (y>100)?100:(y<0)?0:y; var ob = document.getElementById("::img"); ob.style.background = "url('" + fullImage + "') no-repeat"; ob.style.display = 'block'; ob.style.backgroundPosition = x + '% ' + y + '%'; ob.style.left = e.pageX + "px"; ob.style.top = e.pageY + "px"; } img.onmouseout = function() { document.getElementById("::img").style.display='none'; } }
- 我尝试使用createElement()和appendChild()函数来替代这一段代码:
var ob = `""`; document.write(ob);
但是函数无法工作,如何使用createElement()来使其工作。
- 是否可能使用纯JAVASCRIPT一行代码来添加所有的样式:
ob.style.background = "url('" + fullImage + "') no-repeat"; ob.style.display = 'block'; ob.style.backgroundPosition = x + '% ' + y + '%'; ob.style.left = e.pageX + "px"; ob.style.top = e.pageY + "px";
预览:JsFiddle