~~~ <div class="box" id="box" style="width: 500px;"> <h2 class="title">珠峰課程體系</h2> <ul> <li>HTML5+CSS3</li> <li>JavaScript（ES6）基礎知識、核心原理、項目實戰、組件封裝、設計模式等</li> <li>AJAX和HTTP</li> <li>Vue/React/小程序開發的全家桶（基礎、源碼、實戰）</li> <li>Webpack/Node/Git等常用的工具類或者全棧化</li> </ul> </div> 學會這些找一份工作，SO EASY！ <!-- IMPORT JS --> <script> /* * JS的三部分組成： * ECMAScript 3 / 6 * DOM：document object model 文檔對象模型（提供一系列的屬性和方法，讓我們能操作頁面中的DOM元素->簡單理解為操作頁面中的HTML標簽） * BOM */ /* * 獲取DOM元素 * document.getElementById([ID]) 基于元素的ID獲取到這個元素（一個元素對象） * document.body 獲取頁面中的BODY元素 * document.getElementsByTagName([標簽名]) 根據標簽名獲取到頁面中（指定容器中）所有的元素標簽集合 （一組元素集合） */ //=>基于JS獲取到的DOM元素是“對象數據類型”值，里面包含很多瀏覽器自帶的，用來操作元素的鍵值對 對象->堆內存，在這個堆中存儲了很多內置的鍵值對，style存儲的是它的“行內樣式”，style行內樣式 會有很多，所以style本身也是一個對象（堆） // 修改盒子中文字顏色樣式的三種寫法，哪一種可以？ /* let box = document.getElementById('box'); // box.style.color = 'red'; // let boxSty = box.style; //=>獲取的是STYLE對應的對象 BBBFFF000 // boxSty.color = 'red'; let text = box.style.color; //=>獲取的是color初始值''，基本類型值，直接存在棧內存中 text = 'red'; */ </script> ~~~