如何记录跨度中的文本

Question

HTML：

<div id="myID">
    <h3 class="level-title">
     <span class="level-title-text">
        Grande Filme        </span>
    </h3>
</div>

JS：

var abc = document.getElementById('myID').getElementsByClassName('level-title-text').innerHTML;

console.log(abc);

如何将“Grande Filme”文本输入变量ABC？

JSFiddle here

我尝试了innerText和value，但没有效果。在此先感谢您的帮助。

Answer 1

这将单独工作，getElementsByClassName()返回具有所有给定类名的所有子元素的类数组对象。所以你需要使用第一个元素，试试这个示例代码

var abc =  document.getElementsByClassName('level-title-text')[0].innerHTML;

Answer 2

getElementsByClassName返回HTML集合，因此您需要此

document.getElementById('myID').getElementsByClassName('level-title-text')[0].innerHTML;

这将返回给定类名的第一次出现

Fiddle

Answer 3

如果使用getElementsByClassName()，则无法获得单个元素，因此通过给出span的id来使用getElementById()，否则可以通过给出数组索引来实现。

var abc = document.getElementById('myID').getElementsByClassName('level-title-text').innerHTML[0]; //here zero is the array index

console.log(abc);

或使用jquery

var abc=$('#myID').children('.level-title').first().children('.level-title-text').first().val();
console.log(abc);