0

需要添加什么才能运行类似于此处找到的示例：将 HTML 字符串转换为 DOM 元素？在基本的 HTML 文档中？

具体来说，我指的是代码：

var xmlString = "<div id='foo'><a href='#'>Link</a><span></span></div>"
  , parser = new DOMParser()
  , doc = parser.parseFromString(xmlString, "text/xml");
doc.firstChild // => <div id="foo">...
doc.firstChild.firstChild // => <a href="#">...

我努力了：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
</head>
<body>
<script type="text/javascript">
var xmlString = "<div id='foo'><a href='#'>Link</a><span></span></div>"
  , parser = new DOMParser()
  , doc = parser.parseFromString(xmlString, "text/xml");
doc.firstChild;
doc.firstChild.firstChild;
</script>
</body>
</html>

作为 javascript 的初学者，一个完整的 html 复制和粘贴解决方案会很好地了解它的精确度。

4

2 回答 2

1

我不确定这是否是您想要的，但是如果您想在线运行 jQuery（或 javascript），您可以使用http://jsfiddle.net/，但请确保在运行脚本时，您拥有所有引用的变量和元素。

于 2012-05-28T18:06:40.557 回答
1

// =>注释只是试图描述您从属性中获得的值——在每种情况下，都是一个表示部分标记的 DOM 对象。

你想用这些值做什么取决于你。有关指导，请参阅：https ://developer.mozilla.org/en/DOM

但是，您可以简单地使用以下命令输出它们console.log：

console.log(doc.firstChild);
console.log(doc.firstChild.firstChild);

或者在页面上的元素中显示他们的详细信息：

document.getElementById('foo').innerHTML = doc.firstChild.nodeName;

或者，任何过多的其他任务。

对于上下文：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Untitled Document</title>
    </head>
    <body>
        <div id="foo"></div>

        <script>
            var xmlString = "<div id='foo'><a href='#'>Link</a><span></span></div>"
              , parser = new DOMParser()
              , doc = parser.parseFromString(xmlString, "text/xml");

            console.log(doc.firstChild);
            console.log(doc.firstChild.firstChild);

            document.getElementById('foo').innerHTML = doc.firstChild.nodeName;
        </script>
    </body>
</html>
于 2012-05-28T18:08:05.707 回答