javascript訪問html元素的內容 1

2021-09-23 21:23:17 字數 1371 閱讀 8891

形如如下格式的html元素:

id="my_p">i'mbigstrong> panda!!!p>
有3種方式獲取其內容，可以獲取起全部的子內容，或是獲取其子內容的text純文字標識，或是以物件方式獲取其子內容。

可以使用元素物件的innerhtml屬性作為字串標記返回其內容：

my_p.innerhtml;


//返回 i'm


bigstrong> panda!!!
html5還標準化了乙個outerhtml屬性，它將返回包括元素自身標記的字串內容：

my_p.outerhtml;


//返回 


id="my_p">i'mbigstrong> panda!!!p>
另乙個在html5標準化的方法是insertadjacenthtml()，它將任意html標記字串插入到指定元素的「相鄰」位置；該方法有2個引數，第乙個表示插入元素的相對位置，第二個引數就是要插入的標記字串。第乙個引數可以具有以下幾個值：

「beforebegin」,」afterbegin」,」beforeend」和」afterend」，其代表的插入位置如下圖：

另一種情況是只需要獲取其純文字的內容，這時可以使用元素物件的textcontent屬性來實現:

my_p.textcontent;


//返回 "i'm big panda!!!"
最後一種方式是我想以物件方式來獲取其子元素，我們可以直接遍歷其子元素:

for(var elt = my_p.firstchild;elt!=null;elt=elt.nextsibling)


return elts;


};my_p.elements();


/*返回 


[, strong, ]


*/
另外對於內聯的script元素來說（即沒有src屬性的），有乙個text屬性用來獲取其文字，當然你用innerhtml也沒問題。瀏覽器不顯示script元素中的內容，且html直譯器忽略指令碼中的尖括號和星號。這使得script元素成為頁面中嵌入任意文字內容的乙個理想位置：我們只需要將其元素的type屬性設為某些值（比如」text/x-custom-data」)，就標明該指令碼為不可執行的js**。如果這樣做，js直譯器將忽略該指令碼，但該元素仍存在於文件樹中，其text屬性還將如願返回值。

HTM 使用HTM進行異常檢測

如果你對htm感興趣，我建立了乙個群，我們共同學習交流。515743445。本文研究使用htm進行單變數的異常檢測，並嘗試復現了numenta的計程車異常檢測結果。numenta的異常檢測專案在這裡我們復現下的numentatm nyc taxi.csv的結果。建議先閱讀readme對nab有個基本...

javascript如何訪問asp控制項

訪問asp控制項的兩種方法 1.getelementbyid 語法 document.getelementbyid id 引數 id 必選項為字串 string 返回值 物件 返回相同id物件中的第乙個,如果無符合條件的物件，則返回 null eg document.getelementbyid i...

使用JavaScript訪問XML資料

在網路瀏覽器軟體中，可以internet explorer ie 現在是一種標準的軟體。可以看到，執行不同版本的windows作業系統 和很多其他的作業系統 的每一台機器幾乎都使用ie。微軟已經通過activex控制項將ie的功能包含在執行成熟的xml處理技術中。在本篇文章中，我們將講述如何在ie中...