首頁猿問單行設(shè)置 DOM 屬性

單行設(shè)置 DOM 屬性

JavaScript

富國滬深 2022-05-26 17:21:13

是否可以將以下內(nèi)容重寫為單個表達(dá)式？我喜歡用 vanilla js 編寫代碼，并希望我的代碼不那么冗長const div = document.createElement("div");div.property1 = 1,div.property2 = 2,document.body.appendChild(div);

查看完整描述

2 回答

暮色呼如

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

您可以，但代價是創(chuàng)建另一個對象并通過以下方式循環(huán)其屬性O(shè)bject.assign：

document.body.appendChild(Object.assign(document.createElement("div"), {property1: 1, property2: 2}));

帶換行符：

document.body.appendChild(

Object.assign(

document.createElement("div"),

{property1: 1, property2: 2}

)

);

無償?shù)幕钌睦樱?-)

document.body.appendChild(

Object.assign(

document.createElement("div"),

{

className: "example",

id: "ex",

textContent: "Hi there"

}

)

);

.example {

color: green;

}

#ex {

font-weight: bold;

}

反對回復(fù) 2022-05-26

長風(fēng)秋雁

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

為了興趣。根據(jù) TJ 的回答，如果使用輔助函數(shù)，您的冗長可以少得多：
body.ac(as(ce("div"), { property1: 1, property2: 2 }));

反對回復(fù) 2022-05-26

2 回答
0 關(guān)注
111 瀏覽

關(guān)注

添加回答

舉報

0/150

提交

取消

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

微信客服

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

幫助反饋 APP下載

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

公眾號

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

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

熱搜

最近搜索清空

單行設(shè)置 DOM 屬性

單行設(shè)置 DOM 屬性

2 回答

添加回答