Javascript,修改没有id的子元素的内容

Javascript,修改没有id的子元素的内容,javascript,Javascript,我需要修改子元素的内容。不幸的是,这个元素没有id 结构如下: <ul id="nav"> <li class="level0 nav5"> <a class="top-menu"> <span> CONTENT NEEDS MODFIED </span> 但我无法通过Javascript访问。以下是错误的 var str = document.getElementById("level

我需要修改子元素的内容。不幸的是,这个元素没有id

结构如下:

<ul id="nav">
    <li class="level0 nav5">
        <a class="top-menu">
            <span> CONTENT NEEDS MODFIED </span>
但我无法通过Javascript访问。以下是错误的

var str = document.getElementById("level0.nav5").innerHTML;
str.children('span').eq(0).text()
有人能给我指出正确的方向吗


谢谢

您可以使用querySelectorAll获取元素:


var元素=document.querySelectorAll(“a.top-menu span”)

您可以使用querySelectorAll获取元素:


var元素=document.querySelectorAll(“a.top-menu span”)

您可以使用querySelectorAll获取元素:


var元素=document.querySelectorAll(“a.top-menu span”)

您可以使用querySelectorAll获取元素:


var元素=document.querySelectorAll(“a.top-menu span”)

您可以使用
querySelector

document.querySelector('#nav li.level0 a span').innerHTML = 'Something else'

您可以使用
querySelector

document.querySelector('#nav li.level0 a span').innerHTML = 'Something else'

您可以使用
querySelector

document.querySelector('#nav li.level0 a span').innerHTML = 'Something else'

您可以使用
querySelector

document.querySelector('#nav li.level0 a span').innerHTML = 'Something else'
试试看

而不是这个

<li class='level0 nav5'>
使用jQuery可以实现很多整洁的事情。所以试试看吧。

试试看

而不是这个

<li class='level0 nav5'>
使用jQuery可以实现很多整洁的事情。所以试试看吧。

试试看

而不是这个

<li class='level0 nav5'>
使用jQuery可以实现很多整洁的事情。所以试试看吧。

试试看

而不是这个

<li class='level0 nav5'>

使用jQuery可以实现很多整洁的事情。所以试着研究一下。

getElementById通过一个id获取元素,并且您正在传递无效的类选择器。您是指带有“.level0.nav5.”的querySelectorAll吗?getElementById通过id获取元素,并且您正在传递无效的类选择器。您是指带有“.level0.nav5.”的querySelectorAll吗?getElementById通过id获取元素,并且您正在传递无效的类选择器。您是指带有“.level0.nav5.”的querySelectorAll吗?getElementById通过id获取元素,并且您正在传递无效的类选择器。你是说带“.level0.nav5”的QuerySelector调用吗?