使用javascript获取跨度的文本

Get text of a span using javascript

本文关键字:文本 javascript 获取 使用      更新时间:2023-09-26

我有一个JavaScript代码,用于通过从ul li菜单中获取值来生成选择框。

html菜单:

<ul class="menu">
 <li>
   <a class="menu-item active parent" href="#">
    <span class="menu">
    <span class="menu-title">Inspiration</span>
    <span class="menu-desc">wow! Amazing </span>
    </span>
   </a>
 </li>
</ul>

我只想获得<span class="menu-title">文本。我当前的javascript代码从两个span中获取文本。这是javascript:

document.getElements('ul.menu a.menu-item').each(function (el) {
            optText = '&nbsp;' + el.get('text');

注意:我可以从第一个跨度中获取文本,将此getElements('ul.menu a.menu-item')更改为此getElements('ul.menu a.menu-item span.menu-title'),但随后我的一些代码将无法工作。所以请更改第二行

optText = '&nbsp;' + el.get('text');

您正在使用外部库吗?我不懂你的javascript。

要获得"菜单标题"的内容,您可以使用以下内容:

document.getElementsByClassName("menu-title")[0].innerHTML

得到了答案,我只是简单地更改了它;

optText = '&nbsp;' + el.get('text');

至:

optText = '&nbsp;' + el.getElements('span.menu-title').get('text');

无论如何!朋友们感谢的帮助