📜  如何使用 JavaScript 替换整个 HTML 节点?

📅  最后修改于: 2022-05-13 01:56:32.671000             🧑  作者: Mango

如何使用 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           

    

    

         

    

       

输出:

  • 在点击按钮之前:
  • 点击按钮后: