0

我的html文件

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>@ViewBag.Title</title>

    <link href="../../bootstrap/css/bootstrap.css" rel="stylesheet" />
    <link href="../../bootstrap/css/bootstrap-responsive.css" rel="stylesheet" />
    <script src="../../scripts/jquery-1.7.1.min.js"></script>
    <script src="../../bootstrap/js/bootstrap.js"></script>
    <script src="../../bootstrap/js/bootstrap-collapse.js"></script>


</head>

<body>
    <div class="navbar">
        <div class="navbar-inner">
            <div class="container">
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".navbar-responsive-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                <img class="brand" src="../../Content/Image/UzNno.jpg" width="38" height="19" alt="Atish" />
                <div class="nav-collapse collapse navbar-responsive-collapse">
                    <ul class="nav">
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Articles</a></li>
                        <li><a href="#">Blog</a></li>
                        <li><a href="#">About</a></li>
                    </ul>
                    <form class="navbar-search pull-left" action="">
                        <input type="text" class="search-query span2" placeholder="Search">
                    </form>
                    <ul class="nav pull-right">

                        <li class="divider-vertical"></li>
                        <li><a href="#">Login</a></li>
                    </ul>
                </div>
                <!-- /.nav-collapse -->
            </div>
        </div>
        <!-- /navbar-inner -->
    </div>
    @RenderBody()
    <script src="../../Scripts/Tree.js"></script>
</body>
</html>

我的.js文件

var elements = $("html").children();

for (var i = 0; i < elements.length; i++) {
    alert(elements[i]);
}

输出

[object HTMLScriptElement]
[object HTMLScriptElement]
[object HTMLHeadElement]
[object HTMLBodyElement]

我想

[object HTMLHeadElement]
[object HTMLBodyElement]
4

2 回答 2

0

在回答您提出的实际问题时：

它之所以这样工作，是因为您正在迭代原始 DOM 层次结构。这显示了包括脚本在内的所有子元素。脚本不一定存储在声明它们的位置，这可能因浏览器而异。

如果要忽略脚本，请将初始选择器更改为：

var elements = $("#hello").children(':not(script)');

其余的保持原样。

否则，请改写您的问题以解释总体目标:)

JsFiddle在这里：http: //jsfiddle.net/6Pv57/

由于您想要标签名称，请使用 tagName （谁可能已经猜到了！）:)

http://jsfiddle.net/6Pv57/1/

于 2013-08-16T09:25:33.343 回答
0

var head= document.getElementsByTagName('head')[0].innerHTML;

要选择头部...

或者您也可以使用元素选择器，例如

$("head")
//for example:
alert($("head").html()); //alerts the <head> children

检查这个链接

于 2015-01-08T01:33:03.487 回答