元素內容js判斷元素是否為空，則只需一行代碼：
div.innerText = "Hello world!";
執行這行代碼后，頁面的 HTML 代碼就會變成如下所示：
Hello world!
設置 屬性移除了先前存在的所有子節點，完全改變了 DOM 樹。
設置 永遠只會生成當前節點的一個子文本節點，而為了確保只生成一個字文本節點，就必須要對文本進行 HTML 編碼。利用這一點，可以通過 屬性過濾掉 HTML 標簽。方法是將 設置等于 ，這樣就可以去掉所有 HTML 標簽，比如：
div.innerText = div.innerText;
執行這行代碼后，就用原來的文本內容替換了容器元素中的所有內容（包括子節點，因而也就去掉了 HTML 標簽）。舉個栗子：
輸出：
4、 屬性
除了作用范圍擴大到了包含 調用它的節點之外js判斷元素是否為空， 與 基本上沒有多大區別。在讀取文本值時， 與 的結果完全一樣。但在寫模式下， 就完全不同了： 不只是替換調用它的元素的子節點，而是會替換整個元素（包括子節點）。比如：
div.outerText = "Hello world!";
這行代碼實際上相當于如下兩行代碼：
var text = document.createTextNode("Hello world!");
div.parentNode.replaceChild(text,div);
本質上，新的文本節點會完全取代調用 的元素。此后，該元素就從文檔中被刪除，無法訪問。
5、value 屬性
屬性可設置或返回密碼域的默認值。獲取文本框的值。
6、text():設置或者獲取所選元素的文本內容
1）無參text（）：
取得所有匹配元素的內容。結果是由所有匹配元素包含的文本內容組合起來的文本。返回的是一個。
2）有參text（val）：
設置所有匹配元素的文本內容,與 html() 類似, 但將編碼 HTML (將 "" 替換成相應的HTML實體).返回一個對象。
7、html():設置或者獲取所選元素的內容（包括html標記）
1）無參html（）：
取得第一個匹配元素的html內容。這個函數不能用于XML文檔。但可以用于XHTML文檔，返回的是一個。
2）有參html（val）：
設置每一個匹配元素的html內容。這個函數不能用于XML文檔。但可以用于XHTML文檔。返回一個對象。
8、val()方法
主要用于獲取表單元素的值如input, 和 。當在一個空集合上調用，它返回；
1）無參 val() :
獲取匹配的元素集合中第一個元素的當前值。例子：
HTML代碼：
控制臺輸出：
2）有參val（val）：
設置每一個匹配元素的值。返回一個對象。
總結
對于這八大方法：、、 、、value、text()、html()，val()。您現在是否已經很清晰了？
我自己是一名從事了多年開發的web前端老程序員，目前辭職在做自己的web前端私人定制課程，今年年初我花了一個月整理了一份最適合2019年學習的web前端學習干貨，各種框架都有整理，送給每一位前端小伙伴，想要獲取的可以關注我并在后臺私信我：前端，即可免費獲取。
原文鏈接：/s/-