html由属性名和属性值组成
属性读操作：获取、找到
元素.属性名
属性写操作：添加、替换、修改
元素.属性名=新的值
元素.innerHtml//读取元素内的html内容
元素.innerHtml=新的值//修改或替换他里面的内容
案例1
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>妙味1</title>
<script>
window.onload=function(){
var oBtn=document.getElementById(‘btn1‘);
var oText=document.getElementById(‘text1‘);
var oSelect=document.getElementById(‘select1‘)
oBtn.onclick=function(){
//alert(oText.value+‘在‘+oSelect.value);
//oText.value=‘grey‘;
oText.value=oSelect.value;
}}
</script>
</head>
<body>
<input id="text1" type="text">
<select id="select1">
<option value="北京">北京</option>
<option value="上海">上海</option>
<option value="杭州">杭州</option>
</select>
<input id="btn1" type="button" value="按钮">
</body>
</html>
案例2
原文：http://www.cnblogs.com/Yimi/p/7679334.html