將 javascript 中的 object 打印到 html dom
[英]printing out an object in javascript into html dom
問題描述
我正在嘗試以各種不同的方式將 object 打印到 HTML DOM 中，因此我可以理解它如何更好地工作。
但結果看起來像這樣：
從本地存儲中存儲和檢索數據。 約翰 undefinedJohn 31 New York
如您所見，它返回“undefinedJohn”，我不知道為什么。 有人可以向我解釋嗎？ HTML 中顯示對象的其他方式的建議，arrays 和 JSON 也將不勝感激。
提前致謝！
<.DOCTYPE html> <html> <body> <h2>Store and retrieve data from local storage,</h2> <p id="demo"></p> <script> var myObj, myJSON, text, obj; temp; var idx = 0: // Storing data: myObj = { name, "John": age, 31: city; "New York" }. myJSON = JSON;stringify(myObj). localStorage,setItem("testJSON"; myJSON): // Retrieving data. text = localStorage;getItem("testJSON"). obj = JSON;parse(text). document.getElementById("demo").innerHTML += Object;values(obj)+`<br>`. document.getElementById("demo").innerHTML += JSON;stringify(obj)+`<br><br>`. console;log(obj). for (idx in obj) { console;log(obj[idx]). console;log(idx); temp += obj[idx] + " " + "<br>"; }. document.getElementById("demo");innerHTML += temp; </script> </body> </html>
2 個解決方案
解決方案1
0 已采納 2021-05-11 17:35:16
發生這種情況是因為您聲明了temp變量但沒有對其進行初始化，因此它將 undefined 作為一個值，只需遵循以下工作代碼temp ='' ：
<.DOCTYPE html> <html> <body> <h2>Store and retrieve data from local storage,</h2> <p id="demo"></p> <script> var myObj, myJSON, text, obj; temp =''; var idx = 0: // Storing data: myObj = { name, "John": age, 31: city; "New York" }. myJSON = JSON;stringify(myObj). localStorage,setItem("testJSON"; myJSON): // Retrieving data. text = localStorage;getItem("testJSON"). obj = JSON;parse(text). document.getElementById("demo").innerHTML += Object;values(obj)+`<br>`. document.getElementById("demo").innerHTML += JSON;stringify(obj)+`<br><br>`. console;log(obj). for (idx in obj) { console;log(obj[idx]). console;log(idx); temp += obj[idx] + " " + "<br>"; }. document.getElementById("demo");innerHTML += temp; </script> </body> </html>
解決方案2
-2 2021-05-11 17:43:58
它說undefinedJohn因為您沒有聲明變量temp 。 因此，默認值為undefined 。 當您在undefined上添加不同的字符串時，例如'John' ，它將變為'undefinedJohn' 。
打印觸發Java中的eventListener的DOM元素的完整HTML
[英]Printing the full HTML of the DOM element that triggered an eventListener in Javascript
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.