stackoom
  简体   繁体   中英

How do I use Document method getElementById() on a html variable

 原文  2022-09-10 01:50:17  8   1    javascript/ html/ variables

Question

I'm attempting to read the innerHtml of a html tag that is saved as a string value like so:

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

1 answers

solution1
 1 ACCPTED  2022-09-10 01:53:06

You can use a DOMParser to convert your text into an HTMLDocument that you can use getElementById on: 

 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)

暂无
暂无

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

Related Question How do I use document.getElementById from an input in a modal? How do I use document.getElementById() in a separate js file? How do I use variables in document.getElementById Do I need to use “document.getElementById” How to use document.getElementById() method in Angularjs How to use document.getElementById() method in TypeScript? Can I use the HTML name file directly in .getElementById or do I have to always use document How can i document.getElementbyID of a variable? Angular: How to use variable in HTML getElementById Can I use a string variable in document.getElementById()?
Related Tags
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM