如何使用 JavaScript 替换整个 HTML 节点?
给定一个 HTML 文档,任务是在 JavaScript 的帮助下用一个新元素替换整个 HTML 元素。这里讨论了几种方法。
方法一:
- 将新文档作为字符串的形式(例如..str = '< html > < /html > ')。
- 在 HTML 元素上使用.replace() 方法并将其替换为新的 HTML 文档(例如.. $('html').html(Str))。
示例 1:此示例实现了上述方法。
Replace the entire HTML node using JavaScript.
GeeksForGeeks
输出:
- 在点击按钮之前:
- 点击按钮后:
方法二:
- 将新文档作为字符串形式(例如.. Str = ”)。
- 在文档上使用.open() 方法,该方法有 2 个参数(第一个是“text/html”,第二个是“replace”)。如果我们不使用“替换”,那么方法将调用添加页面历史记录。所以我们必须点击两次才能回到上一页。因此,replace 是通过的必要参数。
- 对这个新文档使用.write() 方法并传递新文档。
- 在文档上使用.close() 方法使其工作。
示例 2:此示例实现了上述方法。
Replace the entire HTML node using JavaScript.
GeeksForGeeks
输出:
- 在点击按钮之前:
- 点击按钮后: