JavaScript DOM 擷取方法-getAttribute, innerHTML and textContent

本篇介紹如何透過 JavaScript 來控制或修改 DOM Tree 上面的節點元素。 忘記了可以看這一篇 這些元素可以是標籤、屬性或文本內容。 讓我們討論如何使用getAttribute、innerHTML 和 textContent 方法 參考資料: https://hackmd.io/@5LnhTJLgQHyOZgGrp8n55g/SJMDAXp5Y https://tsuifei.github.io/blog/DOM_Methodes/ DOM-Tree https://javascript.plainenglish.io/the-dom-of-javascript-848506ebf386 1. HTML 取用元素標籤 首先，我們看以下HTML元素。 HTML文檔由各種不同的元素組成，這些元素可以是標籤、屬性或文本內容。 在我們的討論中，我們將專注於一些常見的HTML元素。 a. <h1> […]

Posted on 2 mins

Node.js 在你家VSCode開Server

開啟你家的VSCode 開終端機 打入Node.js指令 常見的問題: 以下這則資訊，可能會是新手比較常見的問題。 node : 無法辨識 ‘node’ 詞彙是否為 Cmdlet、函數、指令檔或可執行程式的名稱。請檢查名稱拼字是否正確，如果包含路徑的話，請確認路徑是否正確，然後再試一次。 位於 線路:1 字元:1 + node app.js + ~~~~ + CategoryInfo : ObjectNotFound: (node:String) [], […]

Posted on 1 min

Node.js Command Prompt實際操作

觀看本文章之前，最好先具備一些 JavaScript 的基本知識。 教學文章: https://www.runoob.com/nodejs/nodejs-http-server.html Node.js 與瀏覽器的差別 在瀏覽器裡面，變數是涵蓋在Global裡面 Node.js裡面 Global 是不能繼承各個專案的變數的 所謂的全域物件-操作 當你打開網頁的瀏覽器以下就是全域物件的屬性內容。 當你學過JavaScript 之後，我們按照同樣的方式在上面賦予記憶體、值。 打開你的Node.js Command Prompt 全域範例01 首先VS Code 創建一個app.js 開啟你的Node.js cmd Prompt […]

Posted on 1 min

Node.js 是什麼?

Node.js是革命性的伺服器端執行環境，使用JavaScript語言來操作，具有以下亮點： 在串接前端和後端資料方面： 如何安裝Node.js。 步驟1：下載 Node.js 安裝檔案 Node.js 官方網站，通常我們都是下載 長期維護版本! https://nodejs.org/zh-tw 步驟2：選擇你的作業系統 Node.js支援多個作業系統，包括Windows、macOS和Linux。點擊你所使用的作業系統版本下載連結。 步驟3：安裝 Node.js 步驟4：檢查安裝 安裝完成後，你可以在終端（Windows的命令提示字元或macOS和Linux的終端）中輸入以下指令檢查Node.js是否成功安裝： 如果你看到顯示Node.js的版本號碼，那就代表安裝成功了！ 此外，還可以檢查npm（Node.js套件管理器）是否也安裝成功： 完成！ 現在，你已經成功安裝了Node.js。你可以開始使用它來開發強大的伺服器端和應用程式。簡單吧？祝你愉快地開始編寫代碼吧！

Posted on 1 min