1. 程式人生 > >妙味遠程課堂-JS熱身運動-下

妙味遠程課堂-JS熱身運動-下

var spa color 遠程 按鈕 meta 內容 grey 替換

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

妙味遠程課堂-JS熱身運動-下