已解決430363個問題，去搜搜看，總會有你想問的

單行設置 DOM 屬性

首頁猿問單行設置 DOM 屬性

單行設置 DOM 屬性

JavaScript

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

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

查看完整描述

2 回答

暮色呼如

TA貢獻1853條經驗獲得超9個贊

您可以，但代價是創建另一個對象并通過以下方式循環其屬性Object.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}

)

);

無償的活生生的例子：;-)

document.body.appendChild(

Object.assign(

document.createElement("div"),

{

className: "example",

id: "ex",

textContent: "Hi there"

}

)

);

.example {

color: green;

}

#ex {

font-weight: bold;

}

反對回復 2022-05-26

長風秋雁

TA貢獻1757條經驗獲得超7個贊

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

反對回復 2022-05-26

2 回答
0 關注
124 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

單行設置 DOM 屬性

單行設置 DOM 屬性

2 回答

添加回答