對此有點新手，但我遵循了一個關于記憶游戲的教程，試圖理解 JS 的語法，但我堅持將圓形結果列印在 a 中，而不是顯示為警報，這里是一個codepen。
我怎樣才能列印圓形<span> <!-- result here--> </span>而不是這樣alert("result")
如何將其設定為跨度而不是警報？
uj5u.com熱心網友回復：
瀏覽器將 HTML 決議為稱為檔案物件模型(DOM) 的物件樹。使用 JavaScript，您可以查詢 DOM 以獲取單個節點，然后更改它們。
要獲得跨度，您通常會使用document.getElementByIdor document.querySelector（還有其他可以獲取相關節點集合的函式，例如document.getElementsByClassNameor document.querySelectorAll）。前者通過方法名稱中命名的屬性（分別為 ID 或類名）來識別節點；后者使用CSS 選擇器。（所有的getElement...函式都可以使用更新的介面來復制querySelector，querySelectorAll盡管你必須知道如何使用 CSS 選擇器。我幾乎不再使用getElement...函式了。）也有使用XPath的函式，雖然這是一個更高級的主題.
擁有節點后，您可以使用 eg.textContent或.innerHTML屬性更改其內容，前者用于純文本，后者用于 HTML。
例如，如果這是span頁面上唯一的，這就足夠了：
document.querySelector('span').textContent = "Result";<span></span>另一方面，如果你有更多的人，你需要一些方法來定位正確的人。我還將演示如何使用 HTML 設定樣式：
const node = document.querySelector('#result_goes_here');
node.innerHTML = "<strong>Result</strong> in bold!";<span id="result_goes_here"></span>uj5u.com熱心網友回復：
如果您嘗試將結果添加到 HTML SPAN 中而不是警告框中。你可以這樣做：
document.getElementById("span_ID").innerHTML = the_variable_result_here;
希望有幫助！
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/466442.html
標籤：javascript html
下一篇：表中的可折疊行不使用任何ID