javascript的value属性可以设置表单元素的显示值物蚂仿，innerHTML属性可以设置文本元素的显示文字，因此可以将某个变量赋值给页面中的元素。下面进行实例演示：
1、创建Html元素
实例演示：点击按钮后在文本框显示变量的值
input元素：
span元素：
2、设置css样物李式
div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
div.box>span{color:#999;font-style:italic;}
div.content{width:250px;margin:10px 罩纤0;padding:20px;border:2px solid #ff6666;}
input[type='button']{height:30px;margin:10px;padding:5px 10px;}
input[type='text']{width:100px;padding:5px 10px;margin:5px 0;border:1px solid #ff9966;}
3、编写jquery代码
function test(){
var name1 = "表单元素的值";
var name2 = "文本元素的值";
document.getElementById("test1").value = name1;
document.getElementById("test2").innerHTML = name2;
}
4、观察效果
4.1 初始样式
4.2 点击按钮之后
