js之正則、表單驗證、dom模型

標籤：字元   ext   get   出現   元素   pen   style   規則   符號   

正則：規則          文法 var a=/運算式/ 輸入的值要包含運算式               var a1 = new RegExp(‘運算式‘)               檢索 ---運算式.test(輸入的值) 返還boolean類型               正則符號 （對於多個符號進行正則，用（））               ^ ---輸入的值以符號後的字元為第一位               $ ---以符號前的字元為結尾               +---- 符號前的字元可以出現多個               *--- 符號前的字元可以出現任意次數               ？--- 符號前字元可以出現0次 或者1次               {n}---符號前字元必須可以出現n次 ，但是要加開始，結尾               {n,}---符號前字元最少可以出現n次但是要加開始，結尾               {n,m} --符號前字元最少可以出現n次 最多m次；但是要加開始，結尾               . ---匹配任一字元 除了/r /n               | ---或者 （a|b）$ a結尾 b 結尾都行               [a-z]--- 匹配所有（小寫）a到z字元--- var a = /[a-z]/;               [^a-z]-- 匹配所有不是（小寫）a到z字元 ---var a = /[^a-z]/;               大寫字母 [A-Z]  大寫-小寫 [A-z]                /^[a-z][0-9][A-Z]&/; ---這種寫法 字母數字只能寫一個               數字 [0-9] === /d    /D 表示非數字               [任一字元] 匹配裡面的任一字元的一個                         表單驗證               用js，正則對填入的值進行判斷                    dom模型               html DOM：html的標準編程介面----定義了所有HTML元素的對象和屬性及存取方法                    dom是關於如何擷取、修改、刪除、添加HTML元素的標準               dom節點：                    擷取元素節點：1.document.getElementById 等返節點還對象                    增加 :建立新元素 createElement  createAttribute（建立屬性） createTextNode(建立文本)                         新增加的節點追加到摸個節點下  （節點：標籤、文本） 父節點.appendChild（子節點）                    新增屬性節點 追加到標籤中 需要添加屬性的標籤.setAttributeNode(建立的屬性)                    屬性賦值：標籤名.setAttribute(屬性，值)                         insertBefore(要插入的標籤，想要插入到哪個標籤之前的標籤對象)                         需要藉助body 因為都要插入在body裡                         替換：replaceChild(你想替換的元素，需要替換掉的元素)                                                          複製 1.潛複製                                      需要複製的元素.cloneNode(false) 最後要追加到需要添加的元素內                                      只複製標籤                                  2.深複製                                      需要複製的元素.cloneNode(true) 最後要追加到需要添加的元素內                                      複製標籤及裡面的內容                                                      刪除：刪除由父元素決定                              父元素.removeChild(需要刪除的元素)                         修改：修改HTML內容innerText等 css樣式  document.getElementById().style.color 等    DOM總結：增加，刪除----是父節點對子節點的操作，（增加有時）需要參照物            修改，擷取----只要知道該元素屬性（標籤名，class值，id）我就能擷取你的所有資訊，並可以做修改           

js之正則、表單驗證、dom模型