<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
/*HTML属性操作:读、写
属性名
属性值
属性的读操作:获取、找到你想要的东西,书写格式:元素.属性名
例:字符串连接
window.onload = function(){
var oBtn = document.getElementById('btn1');
var oText1 = document.getElementById('text1');
var oSelect = document.getElementById('select1');
/*oBtn.onclick = function(){
alert(oBtn.id); //获取oBtn元素的id
alert(oBtn.value); //获取oBtn元素的 value
alert(oText1.value);//获用户输入的内容
alert(oText1.value+'在'+oSelect.value);//字符串连接
}; //若被函数包裹,需要点击后才会弹出提示.*/
*/
oBtn.onclick = function(){
oBtn.value = 'Button';
oText1.value = '按钮';
};
}; //函数后面必须加分号
</script>
</head>
<body>
<input id="text1" value=""/>
<select id="select1">
<option value="北京">北京</option>
<option value="上海">上海</option>
<option value="成都">成都</option>
</select>
<input id="btn1" type="button" value="按钮"/>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
/*HTML属性操作:读、写
属性名
属性值
属性的读操作:获取、找到你想要的东西,书写格式:元素.属性名
例:字符串连接
属性的写操作:(“添加”)替换、修改某个东西,书写格式:元素.属性名 = 新值
innerHtml 读取元素内的所有HTML内容
*/window.onload = function(){
var oBtn = document.getElementById('btn1');
var oText1 = document.getElementById('text1');
var oSelect = document.getElementById('select1');
/*oBtn.onclick = function(){
alert(oBtn.id); //获取oBtn元素的id
alert(oBtn.value); //获取oBtn元素的 value
alert(oText1.value);//获用户输入的内容
alert(oText1.value+'在'+oSelect.value);//字符串连接
}; //若被函数包裹,需要点击后才会弹出提示.*/
*/
oBtn.onclick = function(){
oBtn.value = 'Button';
oText1.value = '按钮';
};
}; //函数后面必须加分号
</script>
</head>
<body>
<input id="text1" value=""/>
<select id="select1">
<option value="北京">北京</option>
<option value="上海">上海</option>
<option value="成都">成都</option>
</select>
<input id="btn1" type="button" value="按钮"/>
</body>
</html>