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

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

頭を選択するには...

または、次のような要素セレクターを使用することもできます

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

このリンクを確認してください

于 2015-01-08T01:33:03.487 に答える
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 に答える