<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><script type="text/javascript">
function moveTo(obj,xL,yL) {
obj.left = xL
obj.top = yL
}
</script></head><body>
<input id="11" name="text" value="test" /><script type="text/javascript">
var text = document.getElementById("11");
alert(text.value);
</script> <button id="22" name="button" onclick="moveTo(text,233,44)"></body></html>
刚学js帮我看看这个,为什么不能得到我想要的效果?
我想做:
定义个text,一个button
当button 点击事件触发时,调用moveTo()把text的坐标x,y移动到233,44。为什么出不来??
初学,大家除了帮我看看除了哪里代码有问题外,我为什么会犯这样的错,到底是哪里有欠缺???
解决方案 »
- easyui datagrid某列绑定下拉列表
- 用JS动态生成iframe,内容无法显示
- ext grid 表格没有数据时如何提示?
- javascript高手请进!!`
- innerHTML插入数据后如何在进行计算?
- <button>标签中 当鼠标按住它不放时 javascript有什么办法强迫它松开鼠标?
- 一个js菜单设想 不知为什么没调通过
- 根据屏幕分辨率判断包不包含文件的问题.高手帮忙!!
- 由asp.netDataGrid动态生成的Table,如何去判断checkbox是否选中,并记录其序号和名称?急急急~~~!!!
- 如何写通用的JAVASCRIPT?
- JavaScript控件问题~请高手回答
- jsp如何获取图片的值??急!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><script type="text/javascript">
function moveTo(obj,xL,yL){
obj.style.left = xL
obj.style.top = yL
}
var text;
window.onload=function(){
text = document.getElementById("a11");
}
</script>
<body>
<input id="a11" name="text" value="test" style="position:relative;"/>
<button id="22" name="button" onclick="moveTo(text,233,44)">xxxx</button>
</body></html>
首先必须有obj.style.position="absolute";
不然的话元素是不会移动的。
其次最好加上单位。
完整代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><script type="text/javascript">
function moveTo(obj,xL,yL){
obj.style.position="absolute";
obj.style.left = xL+"px";
obj.style.top = yL+"px";
}
var text;
window.onload=function(){
text = document.getElementById("a11");
}
</script>
<body>
<input id="a11" name="text" value="test" style="position:relative;"/>
<button id="22" name="button" onclick="moveTo(text,233,44)">xxxx</button>
</body></html>
应该是 obj.style.left 而不是 obj.left
再追问一下3楼,
JS操作HTML的对象,这些对象能像java直接用this吗??
如 :
<input id="a11" name="text" value="test" style="position:relative;"onchange="moveTo(this,233,44)"/>
当text改变时,直接变位置,那么我就不需要再定义个button对象,另外操作来move text这个对象了??
不知道这样是否可行,?
另外,JS中的Object对象除了自定义的内置对象之外,要引用如HTML的对象,应该怎么做,注意些什么? 最后,你改的代码有一点没有看懂,如 obj.style.top = yL+"px";
"px" 什么意思啊??
周杰伦2010新专辑泄漏了!!!周杰伦2010新专辑MP3下载!
http://www.zhoujielun2010.info/
去全部看一遍么