JavaScript把字符串转成dom ，并获取属性值

在JavaScript中，将字符串转换成DOM节点并获取其属性值的过程通常分为两个步骤：首先是解析HTML字符串为DOM节点，然后是从生成的DOM节点中获取属性值。这个过程可以通过DOMParser和Element对象来完成。

下面是一个示例，展示了如何将HTML字符串转换为DOM节点，并获取其中的属性值：

// 假设我们有一个HTML字符串
var htmlString = '<div id="myDiv" class="container" data-custom-attribute="value">Content</div>';

// 创建一个新的DOMParser实例
var parser = new DOMParser();

// 使用parseFromString方法解析HTML字符串
var doc = parser.parseFromString(htmlString, 'text/html');

// 获取解析后的DOM文档的body元素中的所有子元素
var domElement = doc.body.children[0];

// 现在我们可以获取元素的属性值
var id = domElement.getAttribute('id'); // 获取id属性
var className = domElement.getAttribute('class'); // 获取class属性
var customAttribute = domElement.getAttribute('data-custom-attribute'); // 获取自定义属性

console.log('ID:', id); // 输出: ID: myDiv
console.log('Class:', className); // 输出: Class: container
console.log('Custom Attribute:', customAttribute); // 输出: Custom Attribute: value

在这个示例中，我们首先创建了一个htmlString变量，其中包含了我们想要转换的HTML内容。然后，我们使用DOMParser的parseFromString方法将这个字符串解析为一个DOM文档。解析后，我们通过访问doc.body.children[0]来获取解析后的DOM元素。

一旦我们有了这个DOM元素，我们就可以使用getAttribute方法来获取它的任何属性值。在这个例子中，我们获取了id、class和一个自定义的data-*属性的值。

请注意，DOMParser返回的是一个完整的文档对象，因此如果你只对你的HTML字符串的一部分感兴趣，你可能需要进一步操作来提取特定的元素或属性。此外，如果你的HTML字符串包含特殊的HTML实体或字符，DOMParser会将它们转换为相应的字符，因此在获取属性值时可能需要考虑这一点。