想製作動態網頁，我們需要配合使用者的動作，讓個別的網頁物件做出反應。

具體步驟是先使div標籤可以切割出許多物件，加上 id去識別這個物件，在javascript的程式碼中寫function使用document.querySelector去找要操作標籤物件。

例如這裡我們能透過使用者點擊，改變id=content這個div的內文

    <div  id="content">練習網頁畫面的操作</div>
        <button onclick="change();">點我</button>
       
        <script>
            function change(){
                //取得標籤物件
                let elem = document.querySelector("#content")
                //操作標籤物件
                elem.innerHTML = "對特定的標籤做操作"
                elem.className="text";
                elem.style.fontSize="30px";
                elem.style.color="red";
            }   
       </script>

或是透過class selector使用名為text的css設定。

 <style>
            .text{text-decoration:underline;font-weight:bold}
 </style>

很多時候需要操作兩個以上的標籤，讓網頁有動態交互顯示的效果，具體請看

參考資料

澎澎的課程