admin管理员组

文章数量:1339470

I am making some ajax request that returns the whole HTML page as the response. I need to grab some data from that page, in particular, value of specific <input>.

What is the best way to do that?

My ideas:

  • Find where the <body> tag ends and </body> starts, grab all stuff inside to string, and put via innerHTML to some container.
  • Self-made parser: find the character position of the id I need, convert response string to an array, set position of reading equals position of id character, shift to where " character starts, read to buffer until new " e.

It would be perfect if there is a framework that uses classic DOM syntax to do that, like:

htmlString.getElementById("someid").value

I am making some ajax request that returns the whole HTML page as the response. I need to grab some data from that page, in particular, value of specific <input>.

What is the best way to do that?

My ideas:

  • Find where the <body> tag ends and </body> starts, grab all stuff inside to string, and put via innerHTML to some container.
  • Self-made parser: find the character position of the id I need, convert response string to an array, set position of reading equals position of id character, shift to where " character starts, read to buffer until new " e.

It would be perfect if there is a framework that uses classic DOM syntax to do that, like:

htmlString.getElementById("someid").value
  • javascript
  • html-parsing
Share Improve this question edited Sep 13, 2020 at 9:57 Artur asked Sep 13, 2020 at 9:52 ArturArtur 3451 gold badge4 silver badges18 bronze badges 2
  • "What is the best way..." ask for a (most likely) opinion-based answer which is off-topic for SO. "It would be perfect if there is a framework..." asks for an external resource which is also off-topic for SO. – Andreas Commented Sep 13, 2020 at 10:13
  • @Andreas the best way (obviously) means the fastest, the easiest to use. It is not subjective, because we can count how many steps one should do, how much time it cost to run it. – Artur Commented Sep 13, 2020 at 10:46
Add a ment  | 

2 Answers 2

Reset to default 16

A pretty elegant solution is to use DOMParser.

const parser = new DOMParser()
const virtualDoc = parser.parseFromString(htmlString, 'text/html')

Then, treat virtualDoc like you'd treat any DOM-element,

virtualDoc.getElementById('someid').value

Don’t know how good is it, but just passing the whole response with <html> and others tags to some container works. Then, one needs just to call

document.getElementById("needid").value

本文标签： Parse HTML as a plain text via JavaScriptStack Overflow

版权声明：本文标题：Parse HTML as a plain text via JavaScript - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1743579335a2505497.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。