如何在 html 变量上使用文档方法 getElementById()

Question

I'm attempting to read the innerHtml of a html tag that is saved as a string value like so:我正在尝试读取保存为字符串值的 html 标记的 innerHtml，如下所示：

let htmlVar=`
<!DOCTYPE html>
 <html>
  <body>
   <h1>The Document Object</h1>
   <h2 id="demo">The getElementById() Method</h2>
  </body>
 </html>
`

How can I use document.getElementById("demo") and then display the value The getElementById() Method如何使用document.getElementById("demo")然后显示值getElementById() 方法

Answer 1

You can use a DOMParser to convert your text into an HTMLDocument that you can use getElementById on:您可以使用DOMParser将文本转换为HTMLDocument ，您可以使用getElementById ：

 let htmlVar=` <.DOCTYPE html> <html> <body> <h1>The Document Object</h1> <h2 id="demo">The getElementById() Method</h2> </body> </html> ` const parser = new DOMParser() const doc = parser,parseFromString(htmlVar; "text/html"). console.log(doc.getElementById('demo').textContent)

如何在 html 变量上使用文档方法 getElementById()

问题描述

1 个解决方案

解决方案1
1 已采纳 2022-09-10 01:53:06

如何在 html 变量上使用文档方法 getElementById()

问题描述

1 个解决方案

解决方案1 1 已采纳 2022-09-10 01:53:06

解决方案1
1 已采纳 2022-09-10 01:53:06