Javascript code alternative

Question

我正在做一个大学的项目，我必须遵循我的老师给出的某些规范。特别是我不能使用innerHTML或InnertText。我怎样才能不使用innerHTML/innerText替换该代码？

HTML：

<div class = "boardtitle"> 

    <text>LAST SCORE: </text> 

    <div id="lastscore"></div> 

</div> 

JAVASCRIPT：

function lastScore(num){ 
    document.getElementById('lastscore').innerText = num; 
} 

假设调用，比如lastScore(3);我只是想看看旁边的HTML页面LAST SCORE: 3号，我怎么能代替它？

在此先感谢

Answer 1

使用span而不是div。你应该得到想要的结果。

<div class = "boardtitle"> 

    <text>LAST SCORE: </text> 

    <span id="lastscore"></span> 

</div> 

function lastScore(num){ 
    document.getElementById('lastscore').innerText = num; 
} 

你会得到旁边LAST SCORE:当你调用lastScore(3);

Answer 2

如果你只需要后<text>元素值追加的数量越多，你可以在lastscore ID添加到您的<text id="lastscore">LAST SCORE: </text>元素，没有必要使用额外的div元素<div id="lastscore"></div>

function lastScore(num){ 
 
    document.getElementById('lastscore').textContent += num; 
 
} 
 

 
lastScore(3);

<div class = "boardtitle"> 
 

 
    <text id="lastscore">LAST SCORE: </text> 
 

 
</div>

按照评论：然后使用textContent和看到的是它比innerHTML的区别或https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent

Answer 3

正如在评论你的问题中提到，您不使用innerHTML已经在这里的innerText什么，但我只是假设你不能使用innerText。在这里你去：

function lastScore(num){ 
    var el = document.getElementById('lastscore'); 
    el.appendChild(document.createTextNode(num)); 
} 

的HTML元素中的纯文本也是DomNode，一种特殊的吧，TextNode，只包含文本和没有标记。 document对象还具有创建此类节点的方法document.createTextNode('some string')，该方法创建一个TextNode，就像任何其他常规类型的节点一样。所以你用你的自定义内容创建一个TextNode，并将它附加到你的元素。

更新：我并没有完全正确的得到你的问题：如果你要放置毗邻按成绩数量：文本，使用相同的JS代码，而放置的ID包含最后<text>元素SCORE：，并删除<div>