Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何通过ID javascript获取元素子范围的innerhtml_Javascript_Jquery_Html_Css - Fatal编程技术网

如何通过ID javascript获取元素子范围的innerhtml

如何通过ID javascript获取元素子范围的innerhtml,javascript,jquery,html,css,Javascript,Jquery,Html,Css,这是我的html,我需要获取作为div类的子类的span类的innerhtml值 <div id="id1" class="topdiv" entity="id1"> <div class="topmiddiv"> <p class="topmiddiv"> <span class="topmiddiv">Text Here</span> 当您使用jQuery时 $('#id1 span

这是我的html,我需要获取作为div类的子类的span类的innerhtml值

<div id="id1" class="topdiv" entity="id1">
    <div class="topmiddiv">
        <p class="topmiddiv">
            <span class="topmiddiv">Text Here</span>

当您使用jQuery时

$('#id1 span.topmiddiv').html()
这将在
#id1
中找到
具有class
topmidiv
元素的
并返回其
内部HTML

演示:

alert($('#id1 span.topmidiv').html())

此处文本


当您使用jQuery时

$('#id1 span.topmiddiv').html()
这将在
#id1
中找到
具有class
topmidiv
元素的
并返回其
内部HTML

演示:

alert($('#id1 span.topmidiv').html())

此处文本


您可以使用vanilla JS执行此任务

document.querySelectorAll('#id1 span.topmiddiv')[0].innerHTML;

您可以使用vanilla JS执行此任务

document.querySelectorAll('#id1 span.topmiddiv')[0].innerHTML;

请使用此选项作为您的选择:

$("span.topmiddiv").html();

请使用此选项作为您的选择:

$("span.topmiddiv").html();

在一次通话中,您不会注意到任何差异@TusharIn一次通话中,您不会注意到任何差异@Tushar