Question

为了运行一个示例，需要添加哪些内容，例如基本HTML文档中的Converting HTML string into DOM elements?？

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

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复制和粘贴解决方案可以很好地了解它的精确程度。

Answer 1

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

Answer 2

// =>注释只是试图描述你从属性中获得的值 - 在每种情况下，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>

如何从stackoverflow等网站运行javascript示例？

2 个答案: