[转贴]如何用js找到Div或TextBox原来的设定值?
2005-07-11 14:29
507 查看
用 javascript 对一个<div>进行如下操作:document.getElementById("divTest").width=50;
<div id ="divTest" width="100"></div>
我要怎么得到 divTest 原来的 width ??
我记得 Web Workshop 用一张表格记录了“当前值”与“初始值”的异同
<html>
<head>
<title></title>
<script language="javascript">
<!--
function changeValue()
{
divTest.runtimeStyle.width ="200";
txtTest.value="我变";
}
function getOriginal()
{
var str ="txtTest 的当前值为:" + txtTest.value +"\n";
str += "txtTest 的初始值为:"+txtTest.defaultValue+"\n\n";
str += "divTest 的当前宽度为:"+divTest.currentStyle.width+"\n";
str += "divTest 的初始宽度为:"+divTest.style.width
alert(str);
}
//-->
</script>
</head>
<body>
<INPUT id="Button1" type="button" value="改变属性" name="Button1" onclick="changeValue()"> <INPUT id="Button2" type="button" value="获取原始属性" name="Button2" onclick="getOriginal()">
<br/>
<INPUT id="txtTest" type="text" name="txtTest" value="文本测试">
<div style="BORDER-RIGHT: blue 2px solid; BORDER-TOP: blue 2px solid; BORDER-LEFT: blue 2px solid; WIDTH: 80px; BORDER-BOTTOM: blue 2px solid"
id="divTest">测试 DIV</div>
</body>
</html>
<div id ="divTest" width="100"></div>
我要怎么得到 divTest 原来的 width ??
我记得 Web Workshop 用一张表格记录了“当前值”与“初始值”的异同
<html>
<head>
<title></title>
<script language="javascript">
<!--
function changeValue()
{
divTest.runtimeStyle.width ="200";
txtTest.value="我变";
}
function getOriginal()
{
var str ="txtTest 的当前值为:" + txtTest.value +"\n";
str += "txtTest 的初始值为:"+txtTest.defaultValue+"\n\n";
str += "divTest 的当前宽度为:"+divTest.currentStyle.width+"\n";
str += "divTest 的初始宽度为:"+divTest.style.width
alert(str);
}
//-->
</script>
</head>
<body>
<INPUT id="Button1" type="button" value="改变属性" name="Button1" onclick="changeValue()"> <INPUT id="Button2" type="button" value="获取原始属性" name="Button2" onclick="getOriginal()">
<br/>
<INPUT id="txtTest" type="text" name="txtTest" value="文本测试">
<div style="BORDER-RIGHT: blue 2px solid; BORDER-TOP: blue 2px solid; BORDER-LEFT: blue 2px solid; WIDTH: 80px; BORDER-BOTTOM: blue 2px solid"
id="divTest">测试 DIV</div>
</body>
</html>
相关文章推荐
- DIV如何JS调用广告!!!
- js如何往div里写div
- JS如何获取一个未知DIV高度的方法
- DIV叠加,点击时如何只激发顶层DIV的JS事件
- JS如何导出Div的内容为图片
- js如何往div里写div
- js如何获取asp.net服务器端控件的值(label,textbox,dropdownlist,radiobuttonlist等)
- js如何设置在iframe框架中指定div不显示
- js中,为可编辑div添加表情后如何光标移至最后
- document 文挡对象详解(js获取遍历images集合,forms集合,textbox,Select,div,checkBox)
- JS如何获取一个未知DIV高度的方法
- (转载)如何用JS获取ASP.net中的textbox的值 js获不到text值,【asp.net getElementById用法】
- [Web]如何利用js库dom-drag.js最简单化实现移动图层和点击实现div居上问题
- 如何用JS获取ASP.net中的textbox的值 js获不到text值
- 如何用JS获取ASP.net中的textbox的值 js获不到text值
- js中如何设置DIV获取焦点
- jquery以及原生js 如何实现div倒序
- Joomla!中如何使用switcher.js实现一个位置上div层的切换显示 【转】
- 如何最快速的找到页面某一元素所绑定的点击事件,并查看js代码
- 如何用JS打开新窗口,并关闭原来窗口