从div元素中删除单词

Question

我正在创建一个操作系统环境，该环境具有桌面图标。这些图标由数字的id标识，图标标签由数字和值文本标识。

当我右键单击上下文菜单中出现的任何图标时，这会获取所单击图标的id，并将图标的名称和单词图标添加到菜单顶部，这样您就可以识别被单击的图标。

当我单击菜单中的链接(如打开(时，我需要重新使用菜单标题文本减去单词图标，这样我就可以根据图标的标签重新定位该图标以执行任务。

以下是我用来定位图标的内容。

function LocateIcon(Icon) 
{
if (Icon <= document.getElementById('IconsTotal').innerHTML)
{
if (document.getElementById('WI'+Icon+'Text').innerHTML == document.getElementById('ContextMenuStatus').innerText)
{
return Icon;
} else {
LocateIcon(+Icon +1);
}
} else {
AlertBox('No match found.');
}
}

您可以在此处看到一个示例：http://www.stepnageos.com

当你把鼠标放在一个图标上时，我通过更新代码来完成这项工作。我的问题是，当菜单处于活动状态时，将鼠标放在另一个图标上会更改值，因此选项将与原始图标无关。

这就是为什么我需要使用打开菜单中的值。

Answer 1

您可以在HTML中导入jQuery并使用$("div").replaceWith("about")，它将单词替换为about。

$("div").replaceWith("about")

<div>about icon</div>
<script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script>

Answer 2

您可以通过引用元素并直接将属性设置为新文本来编辑元素的innerHTML，如下所示：

let div = document.getElementById('container');
div.innerHTML = 'About';

这是一个快速回复。it！