如何从一段html代码中取出input里value的值？

Question

我我想把水表口径后的那个input下的value值取出来，我该怎么实现呢？

let str_html = `<TABLE style="MARGIN: 0px auto" border=1 cellSpacing=0 borderColorLight=#000000 borderColorDark=#ffffff cellPadding=8 width=900 uetable="null"><TBODY><TR><TD height=65 vAlign=top width=190>水表口径</TD><TD height=65 vAlign=top colSpan=3><P><BR></P><P><INPUT onblur=checkcalibler(this) style="BORDER-BOTTOM: 1px solid; BORDER-LEFT: 0px; BACKGROUND-COLOR: #ffffff; VISIBILITY: visible; BORDER-TOP: 0px; BORDER-RIGHT: 0px" ondragenter="return false" id=Num1265448544 disabled onkeypress="var k=event.keyCode; return (k>=48&amp;&amp;k<=57)||k==46" onpaste="return !/D/.test(clipboardData.getData('text'))" value=15 alt=水表口径 name=Num1265448544></P></TD>`

Answer 1

let frag = document.createElement('div');
    frag.innerHTML = str_html;
    frag.querySelectorAll('INPUT').forEach(item => {
        console.log(item.value)
    })

Answer 2

const dom = new DOMParser().parseFromString(str_html, 'text/html');
return dom.querySelector('input').value;