【问题标题】:Re-Assign Text Through Text Content (Using A Unicode Symbol)通过文本内容重新分配文本(使用 Unicode 符号)
【发布时间】:2022-10-08 18:33:18
【问题描述】:

我正在编写一个井字游戏程序,其中我必须在两个玩家回合之间切换(玩家 #1 | 玩家 #2)。显示转弯时,我使用箭头 unicode 符号:&#8594。每当我更改此轮显示的文本内容时,我都无法添加回 unicode 符号。

const turnDisplay = document.querySelector('#turnDisplay');

turnDisplay.textContent = '(Player #2 &#8594 Turn)'

Original Tic Tac Toe

Tic Tac Toe After Turn Display Change

如何通过文本内容重新分配 unicode 变量?

【问题讨论】:

    标签: javascript html css


    【解决方案1】:

    像这样使用 innerHTML 属性 -

    const turnDisplay = document.querySelector('#turnDisplay');
    
    turnDisplay.innerHTML = 'Player #2 &#8594 Turn';
    <p id="turnDisplay"></p>

    【讨论】:

    • 当有人回答您的问题时,您可以接受对您有用的答案,以帮助其他有同样问题的人。这是一个您可能会发现有用的链接 [链接] (stackoverflow.com/help/someone-answers)
    【解决方案2】:

    turnDisplay.textContent = '(Player #2 &#8594 Turn)' //这里 → 是一个 html rightarrow unicode 。要做到这一点,您必须使用美元($)符号,并且总字符串应该用波浪号(`)符号而不是撇号(')括起来

    turnDisplay.textContent = `(Player #2 ${&#8594} Turn)`
    

    【讨论】:

    • 非常感谢你们! Thx 有很多帮助?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-04-23
    • 2016-09-01
    • 2021-04-11
    • 2020-12-31
    • 2015-01-14
    • 1970-01-01
    相关资源
    最近更新 更多