在現(xiàn)有的元素內添加新元素而不影響現(xiàn)有內容insertAdjacentElement/HTM/Text

FullStackDeveloper 發(fā)布于2019-08-19 18:01 / 1383人閱讀

摘要：方法與方法類似，只不過只能插入純文本，參數(shù)相同方法在指定的地方插入標簽語句原型參數(shù)指定插入標簽語句的地方，要插入的內容有四種參數(shù)可用插入到標簽開始前插入到標簽開始標記之后插入到標簽結束標記前插入到標簽結束標記后刪除先把標簽里的文字通過方式寫

insertAdjacentText方法與 insertAdjacentHTML方法類似，只不過只能插入純文本，參數(shù)相同
insertAdjacentHTML 方法：在指定的地方插入html標簽語句
原型：insertAdajcentHTML(swhere,stext)

參數(shù)：
swhere: 指定插入html標簽語句的地方，
stext:要插入的內容

有四種參數(shù)可用：

beforeBegin: 插入到標簽開始前

afterBegin: 插入到標簽開始標記之后

beforeEnd: 插入到標簽結束標記前

afterEnd: 插入到標簽結束標記后

oBtn.onclick=function(){
    var oLi=document.createElement("li");
    var oInp=document.createElement("input");
    var oA=document.createElement("a");
    oA.href="javascript:;";
    oA.innerHTML="刪除";
    oInp.type="checkbox";
    oLi.innerHTML=oText.value;//先把標簽里的文字通過innerHTML方式寫好
    oLi.insertAdjacentElement("afterBegin",oInp);//接著可以在內容前加上單選框
    oLi.insertAdjacentElement("beforeEnd",oA);//在內容后加上a標簽，a標簽里也可以有內容
    oUl.appendChild(oLi);
};

云服務器 GPU云服務器內元素 html塊內元素間距 js刪除節(jié)點內元素元素內容

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://systransis.cn/yun/79099.html

重新認識定時器

摘要：重新認識三如果被推遲執(zhí)行的回調函數(shù)是某個對象的方法，那么該方法中的關鍵字將指向全局環(huán)境，而不是定義時所在的那個對象。重新認識一一般，setTimeout函數(shù)接受兩個參數(shù)，第一個參數(shù)func|code是將要推遲執(zhí)行的函數(shù)名或者一段代碼（引擎內部使用eval函數(shù)，將字符串轉為代碼），第二個參數(shù)delay是推遲執(zhí)行的毫秒數(shù)。但是，setTimeout 還可以添加更多參數(shù)。第二個之后的參數(shù)...

paney129 2019-08-20 15:57 評論0 收藏0
馬蜂窩推薦系統(tǒng)容災緩存服務的設計與實現(xiàn)

摘要：馬蜂窩推薦系統(tǒng)對于請求的平均處理時延要求在級別，時延的線保持在以內。任務隊列與異步寫入這里我們使用了中的線程池來實現(xiàn)。三優(yōu)化方向基于和，我們在現(xiàn)有的推薦系統(tǒng)中增加了一個本地容災緩存系統(tǒng)，當依賴服務或者應用本身突發(fā)異常時可以返回緩存的數(shù)據。數(shù)據庫突然斷開連接、第三方接口遲遲不返回結果、高峰期網絡發(fā)生抖動...... 當程序突發(fā)異常時，我們的應用可以告訴調用方或者用戶「對不起，服務器出了...

Dean 2019-08-26 13:52 評論0 收藏0
馬蜂窩推薦系統(tǒng)容災緩存服務的設計與實現(xiàn)

摘要：馬蜂窩推薦系統(tǒng)對于請求的平均處理時延要求在級別，時延的線保持在以內。任務隊列與異步寫入這里我們使用了中的線程池來實現(xiàn)。三優(yōu)化方向基于和，我們在現(xiàn)有的推薦系統(tǒng)中增加了一個本地容災緩存系統(tǒng)，當依賴服務或者應用本身突發(fā)異常時可以返回緩存的數(shù)據。數(shù)據庫突然斷開連接、第三方接口遲遲不返回結果、高峰期網絡發(fā)生抖動...... 當程序突發(fā)異常時，我們的應用可以告訴調用方或者用戶「對不起，服務器出了點問題」...

focusj 2019-05-21 19:46 評論0 收藏0
[譯]HTML&CSS Lesson7: 設置背景和漸變色

摘要：屬性值則依賴于我們需要創(chuàng)建什么樣的漸變背景，例如線性漸變或放射性漸變。我們會在線性漸變中介紹不同種類的供應商前綴，但為了簡便起見，放射性漸變中我們不會再提及。線性漸變多年來，設計師和開發(fā)者們都是通過切圖來實現(xiàn)漸變背景。背景對網站的設計有重大的影響。它有利于建立網站的整體感覺，設置分組，分配優(yōu)先級，對網站的可用性也有相當大的影響。在CSS中，元素的背景可以是一個純色，一張圖，一個漸變...

bang590 2019-08-29 16:54 評論0 收藏0
[譯]HTML&CSS Lesson7: 設置背景和漸變色

摘要：屬性值則依賴于我們需要創(chuàng)建什么樣的漸變背景，例如線性漸變或放射性漸變。我們會在線性漸變中介紹不同種類的供應商前綴，但為了簡便起見，放射性漸變中我們不會再提及。線性漸變多年來，設計師和開發(fā)者們都是通過切圖來實現(xiàn)漸變背景。背景對網站的設計有重大的影響。它有利于建立網站的整體感覺，設置分組，分配優(yōu)先級，對網站的可用性也有相當大的影響。在CSS中，元素的背景可以是一個純色，一張圖，一個漸變...

jk_v1 2019-08-02 11:40 評論0 收藏0