##獲取元素的新方法## --document.querySelector('Css Selector{css選擇器}') 接收一個css選擇器(通配,群組,類,包含,id。。。。等) 若這個選擇器對應的是一組元素,就找第0個,註意js從0開始計數。CSS計數從一開始。 ##判斷## 當同一種操作有 ...
##獲取元素的新方法## --document.querySelector('Css Selector{css選擇器}') 接收一個css選擇器(通配,群組,類,包含,id。。。。等) 若這個選擇器對應的是一組元素,就找第0個,註意js從0開始計數。CSS計數從一開始。 ##判斷## 當同一種操作有兩種不同結果時要用if if(判斷條件){ 條件成立執行內容 }else{ 條件不成立執行內容} if括弧中真正接收的是布爾值即true 或 false if(最終接收內容為true或false){ 為true時執行的內容 }else{ 為假時執行語句} 一種操作下,會有兩種或兩種以上的執行結果,記得用判斷。 寫if判斷時 首先找到判斷條件。 如果沒有條件就創造一個條件。(註意style提取 的是行內樣式,若行內樣式沒有則第一次提取為空。) 自己定義布爾值時,先進行定義,然後在if()中應用是不需要進行判斷 直接書寫即可 --------------------------------------------------------------------------------------------------------------------------- 比較語句 邏輯運算符 ==相等 !=不等 >=大於等於 <=小於等於 >大於 <小於 ----------------------------------------------------------------------------------------------------------------- true成立(真) false不成立(假) 數據類型: 10 number 數字 ”abs“字元串 function()函數 undefined未定義 document對象 boolean布爾值(只有true和false兩個值) ----------------------------------------------------------------------------------------------------------------- 自定義條件 自己定義布爾值,併進行應用 !取反符號。一般做布爾值命名首碼為is ------------------------------------------------------------------------------------------------------------------ if的幾種寫法 if(){ }else{ ]; if(){ 條件成立就執行裡面內容,下邊else if 就不會執行 }else if(){ 上邊條件不成立,就查看本條件 } 變數命名規則: 大小寫敏感 字母、數字、美元符號($)和下劃線 首字母不允許數字 禁止使用關鍵字、保留字 ------------------------------------------------------------------------------------------------------------------------ user-select:none;(用戶選中樣式,個瀏覽器樣式不同) document.querySelectorAll(li);找到所有的li元素,獲取到的為一組元素。 一組元素在JS下不能直接操作。我們把一組元素叫做元素的類集合。 li[ ]選取組中的第幾個li元素 js從0 開始。若想操作一組元素,可以使用迴圈。 能同時獲取一組元素的方式 document.getElementsByTagName("標簽名" );獲取元素下的某種類型的標簽。,獲取的結果是 一組元素(元素的集合) document.getElementsByClassName("class名" );獲取元素下的同class的標簽。,獲取的結果是 一組元素(元素的集合) 一組元素(或元素集合,類數組) 操作時。 1.一組元素不能直接操作。 2.一組元素哪怕只有一個,他也是一組元素。 3.一組元素在操作時可以使用下標。 4.如果需要知道這組元素有幾個,可以使用length屬性。 ---------------------------------------------------------------------------------------------------------------------------- ##迴圈## 迴圈在頁面載入完成後就執行完畢,而迴圈中的點擊事件是在迴圈完成之後才執行。 所以獲取迴圈的值時,會獲取到迴圈執行完之後的結果。 在事件函數中,this代表觸發當前事件的元素。