標籤：color value var blog span charset display char .com
1.在文字框輸入資訊，選擇城市
2.點擊按鈕
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>無標題文檔</title> 6 7 <script> 8 /* 9 HTML 的屬性操作：讀、寫10 屬性名稱：11 屬性值：12 13 讀操作：擷取、找到14 元素.屬性名稱15 16 寫操作：“添加”、替換、修改17 元素.屬性名稱 = 新的值18 19 */20 window.onload = function (){21 var oBtn = document.getElementById(‘btn1‘);22 var oText = document.getElementById(‘text1‘);23 var oSelect = document.getElementById(‘select1‘);24 25 oBtn.onclick = function (){26 // alert(oBtn.value); // ‘按鈕‘27 // alert( oText.value );28 // alert( oSelect.value );29 30 // 字串串連31 // oText.value oSelect.value32 // ‘劉偉‘ + ‘北京‘ => ‘劉偉北京‘33 // ‘劉偉‘ + ‘在‘ + ‘北京‘ => ‘劉偉在北京‘34 35 alert(oText.value + ‘ 在 ‘ + oSelect.value);36 };37 };38 </script>39 40 </head>41 42 <body>43 44 <input id="text1" type="text" />45 <select id="select1">46 <option value="北京">北京</option>47 <option value="上海">上海</option>48 <option value="杭州">杭州</option>49 </select>50 <input id="btn1" type="button" value="按鈕" />51 52 </body>53 </html>範例程式碼：
JS的屬性操作（1）
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
