仅使用vanilla JavaScript重新加载特定元素

Question

如何仅使用vanilla javascript刷新html中的特定元素。

目标是在为其添加属性值之后。

我会刷新元素。

Answer 1

为此，建立了

Restrong 之类的库。但是我们也可以使用纯Javascript来做到这一点。这是我们需要做的：

• 用parent.removeChild(element)删除元素
• 使用document.createElement(element)创建另一个人
• 以所需的方式element.setAttribute(name, value)设置
• 使用parent.appendChild(newElement)将其添加到父元素

在此链接中，我有一个有效的示例：https://codepen.io/edo9k/pen/poyRJJN?editors=1010

但是您也可以直接更新元素，而不是“刷新”它。可以使用element.setAttribute来完成，也可以像直接获取属性一样，我在示例的第20行中更改了元素的字体大小：elm.style.fontSize = counter + "pt";。

您的问题没有上下文，但是根据您要执行的操作，您应该考虑使用库或其他替代方法来更新此元素。通过直接修改属性或删除/添加新元素，可能会像我在此处提出的方法那样存在安全问题。

您可以在Mozilla的Web文档中找到所有这些API函数的详细说明：https://developer.mozilla.org/pt-BR/docs/Web/API