document.getElementsByClassName给我值未定义

Question

<canvas id="can" height="500px" width="1200px"></canvas>
<div class="name">
    <h1>AISHWARYA</h1> </div>
<script>
    var name=['MOHITE','AISHWARYA',"CHANDRAKANT","KAVITA"]
    var counter=0
    var data=document.getElementsByClassName("name")[0].value;
    console.log(data);

undefined打印在控制台上。

Answer 1

问题最有可能在.value

如果仅打印document.getElementsByClassName("name")[0]，则将获得div的内部HTML-value是正确的输入信息。

您可以使用.innerHTML或.innerText或.textContent来获取内容。

Answer 2

要获得预期的结果，请使用以下使用document.getElementsByTagName（“ h1”）和innerHTML的选项

    <canvas id="can" height="500px" width="1200px"></canvas>
    <div class="name">
        <h1>AISHWARYA</h1> </div>
    <script>
        var name=['MOHITE','AISHWARYA',"CHANDRAKANT","KAVITA"]
        var counter=0
        var data=document.getElementsByTagName("h1")[0].innerHTML;
        console.log(data)
      </script>

codepen- https://codepen.io/nagasai/pen/LJJdqa