屬性讀寫
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<input id="test" type="text">
<select id="city">
<option value ="北京">北京</option>
<option value ="上海">上海</option>
<option value ="廣州">廣州</option>
</select>
<button id="btn" type="button" />按鈕</button>
<script type="text/javascript">
var oBtn = document.getElementById('btn');
var oTest= document.getElementById('test');
var oCity= document.getElementById('city');
oBtn.onclick=function(){
oTest.value=oCity.value;
}
</script>
</body>
</html>
圖片替換
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<input id="test" type="text"><button id="btn" type="button">替換
</button>
<br>
<img id="city" src="../20190404/img/練習(xí)六/photo-1.jpg" >
<script type="text/javascript">
var oBtn = document.getElementById('btn');
var oTest= document.getElementById('test');
var oCity= document.getElementById('city');
oBtn.onclick=function(){
oCity.src = oTest.value;
}
</script>
</body>
</html>
內(nèi)容替換
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<div id="">
<input type="text" id="text" />
<button type="button" id="btn">按鈕</button>
<p id="content">發(fā)電股份股份的規(guī)定發(fā)給對(duì)方</p>
</div>
<script type="text/javascript">
var oBtn = document.getElementById('btn');
var oText= document.getElementById('text');
var oC= document.getElementById('content');
oBtn.onclick=function(){
oC.innerHTML+=oText.value;
oText.value='';
}
</script>
</body>
</html>
