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

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

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

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

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

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

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

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

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/79099.html

相關(guān)文章

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

摘要：重新認(rèn)識(shí)三如果被推遲執(zhí)行的回調(diào)函數(shù)是某個(gè)對(duì)象的方法，那么該方法中的關(guān)鍵字將指向全局環(huán)境，而不是定義時(shí)所在的那個(gè)對(duì)象。重新認(rèn)識(shí)一一般，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 評(píng)論0 收藏0
馬蜂窩推薦系統(tǒng)容災(zāi)緩存服務(wù)的設(shè)計(jì)與實(shí)現(xiàn)

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

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

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

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

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

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

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

jk_v1 2019-08-02 11:40 評(píng)論0 收藏0