首頁猿問原生JS 如何拼接字符串添加標(biāo)簽

原生JS 如何拼接字符串添加標(biāo)簽

JavaScript

開心每一天1111 2019-03-20 22:19:06

例如jquery 的 append當(dāng)有N個標(biāo)簽需要添加比如var str = '<div>代碼1</div><span>代碼2<span>......代碼N'//如果是jquery 直接寫$('#dom').append(str)那么在原生JS里面如果做呢？就是這種要在某個標(biāo)簽內(nèi)添加 N 個新的標(biāo)簽想法是能否整合所有需要添加的標(biāo)簽成為一個字符串，然后一次性全部添加如果使用innerHTML的話是否會重新渲染原有標(biāo)簽想使用appendChild又不知道怎么寫才對求解答下，最好能有一個例子

查看完整描述

6 回答

慕容708150

TA貢獻(xiàn)1831條經(jīng)驗獲得超4個贊

var node=document.createElement("div");

var textnode=document.createTextNode("代碼1");

node.appendChild(textnode);

document.getElementById("dom").appendChild(node);

反對回復(fù) 2019-04-15

幕布斯7119047

TA貢獻(xiàn)1794條經(jīng)驗獲得超8個贊

一個一個創(chuàng)建對象太繁瑣了?？梢栽囋囅旅娴姆椒ā?/p>

var str = '<div>代碼1</div><span>代碼2<span>......代碼N';

function createDom(html){

var a = document.createElement('div');

a.innerHTML = html;

return a.childNodes[0];

}

var ele = createDom(str);

document.body.appendChild(ele);

反對回復(fù) 2019-04-15

溫溫醬

TA貢獻(xiàn)1752條經(jīng)驗獲得超4個贊

你的重點如果是在拼接字符串當(dāng)中，那么你該知道，拼接是通過+來拼接的，諸如:

'<div>代碼1'+

'<span>代碼2</span>'+

....

'</div>';

或者如果使用es6的模板字符串，你可以:

`

<div>代碼1

....

</div>

`

如果你不確定要添加多少個標(biāo)簽，并且不確定添加的是哪種標(biāo)簽，你可以封裝成一個函數(shù):

function createElement(tagNameArr,textArr){

var tagStr = '';

for(var i = 0;i < tagNameArr.length;i++){

tagStr += '<'+tagNameArr[i]+'>' + textArr[i] + '</'+tagNameArr[i]+'>';

}

return tagStr;

}

傳入一個標(biāo)簽數(shù)組以及對應(yīng)的標(biāo)簽包含文本數(shù)組，拼接成一個字符串，并返回這個字符串。

反對回復(fù) 2019-04-15

6 回答
0 關(guān)注
2871 瀏覽

關(guān)注

添加回答

舉報

0/150

提交

取消

使用 Ctrl+D 可將網(wǎng)站添加到書簽

微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

原生JS 如何拼接字符串添加標(biāo)簽

原生JS 如何拼接字符串添加標(biāo)簽

6 回答

添加回答