繁体   English   中英

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

[英]reload specific element using vanilla JavaScript only

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

目标是在向其添加具有值的属性之后。

我将刷新元素。

React这样的库就是为此目的而构建的。 但是我们也可以使用纯 Javascript 来完成。 这是我们需要做的:

  • 使用parent.removeChild(element)删除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 Docs 中找到所有这些 API 功能的详细说明: https : //developer.mozilla.org/pt-BR/docs/Web/API

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM