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

时间:2016-11-28 06:25:13

标签: javascript html5

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

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

我会刷新元素。

1 个答案:

答案 0 :(得分:0)

为此,建立了

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