根據html文本內容動態創建JS對象

Question

即<span id="username">Fred Randall</span>

說; 我有一個 html 元素"username"其中的文本內容不斷變化。 這是登錄的用戶名。

我希望每次有新的文本內容時，或者每次使用新的登錄username更改時；

我想使用該用戶的名稱動態創建一個 JavaScript 對象。 作為對象名稱本身，或作為對象[key]名稱。

因此，每次id="username"的文本內容更改為其他內容時； 即一個新的用戶名 => 使用該用戶名文本內容創建一個使用名稱的新對象。

IE

myObject[FredRandall] { 
    field1: Ablah;
    field2: Bblah;
    field3: Cblah;
} 

要不就：

FredRandall { 
    field1: Ablah;
    field2: Bblah;
    field3: Cblah;
} 

Answer 1

 var name = document.getElementById('username').innerHTML; var obj = { username: name } console.log(obj);

 <span id="username">Fred Randall</span>