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

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

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

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

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

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

beforeBegin: 插入到標(biāo)簽開始前

afterBegin: 插入到標(biāo)簽開始標(biāo)記之后

beforeEnd: 插入到標(biāo)簽結(jié)束標(biāo)記前

afterEnd: 插入到標(biāo)簽結(jié)束標(biāo)記后

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;//先把標(biāo)簽里的文字通過innerHTML方式寫好
    oLi.insertAdjacentElement("afterBegin",oInp);//接著可以在內(nèi)容前加上單選框
    oLi.insertAdjacentElement("beforeEnd",oA);//在內(nèi)容后加上a標(biāo)簽，a標(biāo)簽里也可以有內(nèi)容
    oUl.appendChild(oLi);
};

GPU云服務(wù)器云服務(wù)器內(nèi)元素 html塊內(nèi)元素間距 js刪除節(jié)點(diǎn)內(nèi)元素元素內(nèi)容

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

轉(zhuǎn)載請注明本文地址：http://hztianpu.com/yun/79099.html

相關(guān)文章

重新認(rèn)識定時(shí)器

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

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

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

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

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

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

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

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

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

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