时间戳

首页 > 解决方案 > DOMParser 没有按预期解析所有内容

javascript - DOMParser 没有按预期解析所有内容

问题描述

我是 javascript 和 web 开发的新手。所以我打算动态创建一个元素。但我被困在这里。

我想将此原始字符串转换为 DOM 元素，但 domparser 未按预期工作，或者我做错了什么。原始字符串 =

 <tr id="Desert Eagle | Hypnotic" onload="updateTABLE('Desert Eagle | Hypnotic', 'False', 'Field-Tested', 'Not Possible')">
    <th scope="row">
        <i class="fas fa-minus-circle stattrak" onclick="removeItem(individualprice0)"></i>
    </th>
    <th class="stattrak">Desert Eagle </th>
    <th> Hypnotic</th>
    <th class="stattrakvalue">
        <select class="form-control" id="exampleFormControlSelect1" >
        <option class="st-options">False</option>
        <option class="st-options">True</option>
    </select>
    </th>
    <th>
        <select class="form-control 22" id="exampleFormControlSelect1"><option class="st-options">Factory New</option><option class="st-options">Minimal Wear</option><option class="st-options">Field-Tested</option><option class="st-options">Well-Worn</option><option class="st-options">Battle-Scarred</option></select>
    </th>
    <th id="individualprice0" class="individualprice">$47.87</th>
</tr>

我正在尝试将其转换为 DOM 元素。我尝试过：

var doc = new DOMParser().parseFromString(resp[i].toString(),'text/html')
console.log(doc);

我得到了回应：

<html><head></head><body>
        
            <i class="fas fa-minus-circle stattrak" onclick="removeItem(individualprice0)"></i>
        
        Five-SeveN 
         Fowl Play
        
            <select class="form-control" id="exampleFormControlSelect1">
            <option class="st-options">False</option>
            <option class="st-options">True</option>
        </select>
        
        
            <select class="form-control 22" id="exampleFormControlSelect1"><option class="st-options">Factory New</option><option class="st-options">Minimal Wear</option><option class="st-options">Field-Tested</option><option class="st-options">Well-Worn</option><option class="st-options">Battle-Scarred</option></select>
        
        $5.83
    
    
    </body></html>

在响应中，您可以看到它也丢失<tr>了<th>。虽然我在 xml 中解析它们，但一切正常。

标签： javascriptdomdocumentdomparser

解决方案

推荐阅读