为什么不能使用oj [0] ... oj [2] ... oj [x]显示oj中的内容?

时间:2015-10-24 09:57:27

标签: javascript html

这是使用HTML创建的基本网页。

我在这里使用了javascript。我已使用h1将html元素oj的内容传递给getElementById

所以oj应该是一个数组(我在在线教程中读到它)? 那么为什么oj[0]不打印数组中的内容?

<html>
<head>
    <title>Hello! Welcome to the world of Programing!</title>
    <script>
        alert("Welcome,Your activities are being watched!");
    </script>
</head>
<body>
    <br/> <br/> <br/> <br/>

    <section  style="color:#FF0000" align="center" valign="middle">
        <p>
            <h1>1</h1>
            Come on in!Welcome!
        </P>
        <img src="b.jpg"> </img>
    </section>

    <section align="center">
        <h3> LOG IN </h3>
        <form action="http://www.sololearn.com" method="Post" onsubmit="return checkForm(this);">
            Name: <br/>
            <input type="text" name="name"/> <br> </br>
            Email id: <br/>
            <input type="email" name="email"/> </br>
            Password: <br/>
            <input type="password" name"password" id="learnhtml"/> <br/>
            <a href="https://www.google.co.in/?gfe_rd=cr&ei=GNUnVpzID6jv8weZvajABg&gws_rd=ssl#safe=active&q=forgot+password" target="_blank" > forgot password? </a> <br/>
            <input type="submit" value="Log In"/>
        </form>
    </section>

    <script>
        var oj=document.getElementsByTagName("h1");
        var oja=oj[0]; 
        /*why am I not able to display the array using the above statement?*/
        alert(oja);
    </script> 
</body>
<html>

1 个答案:

答案 0 :(得分:0)

  

我在这里使用了javascript。我已经使用getElementById

将html元素h1的内容传递给了oj

没有。您已经创建了一个DOM对象数组。您可以使用element.innerHTML

获取其HTML内容(内部代码/文本)

&#13;
&#13;
var oj=document.getElementsByTagName("h1");
var oja=oj[0].innerHTML; 
alert(oja);
&#13;
&#13;
&#13;