JavaScript之向文件中新增元素和內容的方法

2021-09-07 06:54:26 字數 781 閱讀 7566

一、非dom方法新增

1、document.write()

2.innerhtml屬性

這個屬性幾乎所有的瀏覽器都支援,但是這個屬性並不是w3c dom的標準的組成部分,最重要的是這個屬性html5都支援。

this ismycontent.

輸出i:this ismycontent.

;                 nnerhtml毫無細節可言,如果你想要獲得id=testdiv下的細節只能通過dom的屬性和方法;

innhtml就像一把大錘一樣粗放,而標準化的dom就像手術刀一樣精細。大錘也會有大錘的用處,當你需要把一大段html加入到文件裡時,顯然用innerhtml更合適.innerhtml不僅支援讀取,還支援寫入;

二、dom方法新增內容

1、createelement()

輸出:nodename:p   nodetype:1    注意:根據輸出我們可以判斷當使用document.createelement()方法建立出

標籤時他就已經存在了,雖然這個p標籤還沒被新增到文件樹中,這種情況稱之為"文件碎片";

執行html檔案,

3、createtextnode()

ok,現在我們在我們需要新增標籤的地方成功了的新增了標籤,接下來就是往標籤裡面新增文字內容了,createtextnode()就是幹這個的;

JavaScript中裝載XML文件

ie和fierfox瀏覽器對於這裝載同域的xml檔案和裝載xml字串這兩種情況,分別有各自的處理方式。ie的解析器支援xml檔案和xml字串的載入,而火狐瀏覽器使用單獨的解析器把xml載入記憶體,然後轉換為可通過js訪問的xml dom物件。以下是js 封裝ie和firefox類瀏覽器中裝載同域xm...

javaScript 文件物件模型(DOM)

根據dom會將html轉換成一系列的節點,呈樹狀結構 dom tree 我們能夠通過dom提供的各種api來實現對html文件的,增,刪,查,改等各種操作 節點是dom 中最基本的單位,像一顆樹中的每根樹枝。通過節點與節點之間的關係可以分為 父節點 2.子節點 3.兄弟節點 而 document 物...

JavaScript權威指南 文件載入事件

大部分web應用都需要web瀏覽器通知他們文件載入完畢和為操作準備就緒的時間。window物件的load事件就是為了這個目的。load事件直到文件和所有載入完畢時才發生。然而,在文件完全解析之後但在所有全部載入完畢之前開始執行指令碼通常是安全的,所以如果基於 load 發生之前的事件觸發指令碼會提公...