如何获取对象的innerHTML;你刚过去吗

Question

我正在尝试制作一个井字游戏，这样每当有人点击按钮时，它也会在gameBoard数组中创建一个对象，但我希望除了将其打印到gameBoard数组中之外，我还希望它在innerHTML中输出它。我尝试在[e.target.id]旁边添加一个innerHTML，但似乎不起作用。

我想这是一个快速的解决办法，但没能找到答案。有什么方法可以做到这一点？

const game = (() => {
const createPlayer = (name, marker, turn) => {
return {name, marker, turn}
}

player1 = createPlayer('Player 1', "x", true)
player2 = createPlayer('Player 2', "o", false)

const gameBoard = () => {
var gameBoard = []


const movement = (e) => {
if (player1.turn === true){
//trying to convert this into innerHTML so that whenever the person clicks a button, it also gets printed in the innerHTML
gameBoard[e.target.id] = player1.marker
player1.turn = false
} else if (player1.turn === false) {
gameBoard[e.target.id] = player2.marker
player1.turn = true
}
}



document.querySelector('.item-board').addEventListener('click', movement)

console.log(gameBoard)

}
gameBoard()
})

game()

Answer 1

您在event.target上有innerHTML属性，因此可以执行以下操作：

e.target.innerHTML = player1.turn ? player1.marker : player2.marker;

Answer 2

使用Vanila JS

const content = element.innerHTML;

使用jquery

设置标签的内部html

$("p").html("Hello <b>world</b>!");

获取标签的innerhtml

$("p").html();