如何在一个span标签中获取文本，而这个span标签位于另一个标签中？
要在一个span标签中获取文本，而这个span标签位于另一个标签中，可以使用JavaScript来实现。
首先，需要获取包含这个span标签的父级标签。可以使用DOM操作方法，如getElementById、getElementsByClassName、getElementsByTagName等来获取父级标签的引用。
然后，通过父级标签的引用，再使用querySelector或者getElementsByClassName等方法来获取包含span标签的子级标签，即span标签的引用。
最后，通过span标签的引用，使用innerText或者textContent属性来获取span标签中的文本内容。
以下是一个示例代码：
<!DOCTYPE html>
<html>
<body>
<div id="parent">
<p>这是一个包含<span id="child">文本内容</span>的父级标签。</p>
</div>
<script>
var parent = document.getElementById("parent"); // 获取父级标签的引用
var child = parent.querySelector("#child"); // 获取包含span标签的子级标签的引用
var text = child.innerText; // 获取span标签中的文本内容
console.log(text); // 输出文本内容
</script>
</body>
</html>在这个示例中，我们首先通过getElementById方法获取了id为"parent"的父级标签的引用。然后，使用querySelector方法获取了id为"child"的子级标签，即包含span标签的引用。最后，通过innerText属性获取了span标签中的文本内容，并将其输出到控制台中。
注意：这个示例中使用了getElementById和querySelector方法来获取标签的引用，你也可以根据实际情况选择其他适合的方法来获取标签的引用。
相关·内容
我有一个div标签，它有一个文本，然后是一个span标签。问题是span文本显示在下一行。但是我想在父文本旁边显示span文本。以下是结构。
<div>
some text
<span>Lorem IpsumNepal is located in the southern part of the Asian continent. Nepal is a landlocked country situated between two large countries Below we have a list of all messages. Each is one row.
浏览 0提问于2015-01-01得票数 0
我正在试验的段落的字体大小和行高小于默认值，甚至可能小于1。试图理解它是如何工作的。
在代码片段中，您将看到两个段落:第一个段落行高正常，第二个段落行高0.8。我们可以看到，第二段确实短了，但它的顶层跨度(红色边框)比它所在的段落要高。更有趣的是，文本的每一行都保持高度不变。为了演示这一点，我只将第一个单词包装在另一个跨度(绿色边框)中。我们可以看到，内部跨度保持在完全相同的高度。外部跨度确实变短了，但这只是因为浏览器将顶部和底部的行叠放在一起。
另一个有趣的事实是，段落会环绕文本的基线，因此如果段落包含overflow: hidden style，则会截断下划线。
有人能解释这种行为吗？有没
浏览 0提问于2015-08-30得票数 1
我有一个HTML
<td class="abc"><b><span>NO</span>YES</b> ALL</td>
我正在尝试不带span标签的abc类的文本。就像。在上面的HTML中，我只想要“是的全部”。
$('td.abc').text() returns NOYES ALL
$('td.abc').clone.find('span').remove().text() returns NO
除了特定的标签，这里除了标签跨度之外，还有人能帮我获得上面
浏览 2提问于2013-10-06得票数 2
回答已采纳
我正在开发桌面应用程序，我得到的建议是使用wpf代替winforms。当我单击我的标签但找不到标签和文本块的单击事件时，我想转到另一个表单/窗口？还有人能告诉我鼠标左键事件是用来做什么的吗？
浏览 1提问于2017-04-21得票数 9
回答已采纳
我说的是这样安排的跨度-
<span class="x">
<span class="y"></span> my text
</span>
有没有办法改变这个文本，而不把它包装在另一个标签中呢？
浏览 6提问于2014-01-26得票数 2
回答已采纳
1回答
我正在使用文本编辑器创建一个html代码，但在创建代码后，我需要在所有子孩子(即标签)上执行一些操作。为此，我需要知道所有孩子的关卡数。 <p>
<span style="font-size: 12pt;">
<span style="font-family: arial, helvetica, sans-serif;">
Sales
</span>
Offer
<span style="background-color: #33cc
浏览 6提问于2020-07-08得票数 0
我有一个没有正确格式化的页面，或者至少没有像我期望的那样格式化。
下面是代码的简化版本。
<div ...>
<div class="db_notes">
<pre>
Some Text.
<span class="blue">Lots more text that may be one line or multiple lines and is
retrieved from a database in preformatted form and often has one or more
<
浏览 0提问于2014-08-14得票数 0
3回答
我得到了一些HTML，如下所示：
<span id="A">Text I'm interested in
<span id="B">Other crap I don't care about</span>
</span>
我希望获得span "A“的文本内容(不包括任何嵌套标签)(即上面示例中span "B”的内容)。我正在尝试获取文本内容，而不是HTML内容。此外，在我的特殊情况下，我知道span A中总是会有一些文本在任何其他标签之前，但我也对约束较少的解决方案感兴趣。
我考
浏览 0提问于2010-01-05得票数 5
回答已采纳
我的代码是这样的：
<?php
$username = 'johndoe';
?>
<head>
<script>
...
$('a.manage-content-link').click(function (e) {
var self = $(this),
file = self.siblings('input[type="hidden.block-hidden-input"]').val();
self.next(".manage-content-w
浏览 2提问于2012-10-19得票数 2
回答已采纳
我有一个html行，标签里面有标签，我的一个标签包含多个类。我需要提取带有单个类名的文本(我只知道标签中有一个类名，这可能也会覆盖另一个类)。
<p class="Body1"><span class="style3"></span><span class="style1">W</span><span class="AnyClass OverRiddenClass">extract this text </span><span class=&
浏览 2提问于2014-07-17得票数 0
回答已采纳
使用C# - WinForms
我有一个有效的HTML，它可能包含或不包含各种HTML元素，比如<a>。
我需要搜索这个HTML并突出显示某些关键字-高亮显示是通过在文本周围添加一个带有内联样式的<span>来完成的。我不应该这样做的<a>标签，或任何其他的标签，实际上是不可见的用户。
例如，我目前正在这样做：
html = html.Replace(phraseToCount, "<span style=\"background: #FF0000; color: #FFFFFF; font-weight: bold;\">
浏览 7提问于2016-04-29得票数 1
回答已采纳
所提供的是：
XML结构，如
<span class="abbreviation">AGB<span class"explanation">Allgemeine Geschäftsbedingungen</span></span>
改造后的结果应该是：
<abbr title="Allgemeine Geschäftsbedingungen">AGB</abbr>
我知道SAX是一个基于事件的XML解析器，它的方法如下
#startElement(...)
#endE
浏览 3提问于2017-02-28得票数 0
回答已采纳
我需要什么XPATH来提取SPAN中的文本，该文本之前是STRONG中的特定标签，这两个标签都在P中？
例如，要从如下所示的页面中提取网站和电子邮件地址：
<p>
<strong>Website:</strong>
<span>www.example.com</span>
</p>
<p>
<strong>Contact email:</strong>
<span>email@example.com</span>
</p>
浏览 5提问于2016-03-05得票数 1
Watir上的便条和文档显示了这样的东西来设置单选按钮。
b.radio(:id => "radio").set
如何根据旁边的文本选择单选按钮？
有时，这个文本在标签标签中，有时就在某个div/form标签中。我们在Watir怎么处理？？
(在下面的示例中用大写标出文本)
示例1:
<form action="">
<input type="radio" value="male" name="sex"/>
MALE
<br/>
<input type="ra
浏览 1提问于2014-10-06得票数 1
回答已采纳
我使用一个名为dropcaps.js的jQuery库来定位<p>标记的第一个字母，并将其包装在span中。这是预期的工作，但是<p>的其余部分已经剥离了所有的标签，如<a>，<strong>，<em>等。有没有办法编辑下面的内容来保留这些格式化标签？
// Init dropcaps
// Dropcaps
$(document).ready(function() {
// Isolate the first letter of paragraphs and place within <span>
$(&#
浏览 16提问于2018-12-14得票数 0
4回答
我试图在我的a标签上添加一个文本颜色变化。在我的a标记中，我有两个单独的span类。一个保持文本的黑色，另一个保持文本的灰色。悬停时，我希望这两个跨度的文字颜色变成蓝色。
目前，当在我的a标签上徘徊时，只有第一个span文本变成蓝色，而span标记却没有具有css的文本灰色。
我如何使它在a标签上，两种跨度颜色都变成蓝色。
下面是我的代码示例：
.gray-text {
color: gray;
}
.gray-text:hover {
color: blue;
}
a:hover {
text-decoration: underline;
color: blue!i
浏览 5提问于2021-01-13得票数 0
回答已采纳
我用的是角13和PrimeNG 13.4.1。我想让标签直接放在文本字段的上方，所以我创建了
<div class="ui-fluid" style="padding-top: 200px; padding-bottom: 200px;">
<div class="p-field">
<span class="p-float-label">
<input type="text" formControlName="
浏览 11提问于2022-07-15得票数 0
回答已采纳
1回答
我有这个HTML代码(它位于contenteditable="true"块中)：
<ol>
<li>Mozilla Firefox 1.5+</li>
<li>Internet <span>Explorer</span> 6+</li>
<li>Opera 9.6+</li>
<li>Google Chrome 2+</li>
<li>Apple Safari 3+</li>
<
浏览 4提问于2011-10-26得票数 1
回答已采纳
我需要一个用<span>包装的链接的文本，如：
<a href="/foo.html"><span>Edit Group</span></a>
我能用Html.ActionLink做到这一点吗？这不起作用：
<%=Html.ActionLink("<span>Edit Group</span>", "Edit", New With {.id = "bar"})%>
它只是将<和>编码为<和>。
有
浏览 0提问于2009-10-10得票数 18
回答已采纳
4回答
获取标记中的所有节点
、、、
我有这样的密码：
<div id="container">
Lorem ipsum dolor sit amet
<p>This is a paragraph</p>
<br />
<span>This is a span</span>
Lorem ipsum dolor sit amet
</div>
是否有可能在这个div中获取所有文本节点和标记？我希望通过数组访问每个节点(包括文本)。
例如：
for(var i=0;i<nodesArray.length;i++)
{
do
浏览 4提问于2013-08-27得票数 2
回答已采纳
4回答
在html中，文本节点只包含纯文本。如果超链接出现在两个元素之间，那么它就是一个单独的childNode，它就变成了元素节点。我想知道，我们是否可以操作锚点标记，使其显示为文本节点。例如通过将锚标签保持在某个span或div标签之间。我试过了，但没成功。有什么解决方案吗？
浏览 2提问于2011-09-07得票数 3
回答已采纳
5回答
我从这个标记开始：
<div>
<span>
<label for="Item[0]">Item #1</label>
<input type="text" value="" name="Item" id="Item[0]"/>
</span>
</div>
在每次点击按钮时，我想添加另一个部分，与上面的完全相同，但带有递增的索引。
<div>
<span>
<lab
浏览 0提问于2009-10-24得票数 7
回答已采纳
当尝试使用jquery计算文本宽度时，将丢失无线电输入的“选中”属性。我使用以下代码：
$.fn.textWidth = function(){
var html_org = $(this).html();
var html_calc = '<span>' + html_org + '</span>';
$(this).html(html_calc);
var width = $(this).find('span:first').width();
$(this).html(html_
浏览 0提问于2016-06-09得票数 0
回答已采纳
4回答
我有一个标有一些文字的跨度标签。
<span class="text-primary text-center"> You can try your own values in the following form: </span>
问题是，只有文本初级类才会是applied.Any思想吗？我没有css覆盖这些类。
浏览 11提问于2014-12-02得票数 2
回答已采纳
我有一个包含头(th)元素的表。th可能包含文本，但最有可能的是th的子元素将包含文本。问题是子元素并不总是相同的标签或深度。例如
<table>
<thead>
<tr>
<th>
<span>Here is some text</span>
</th>
<th>
<a>This is some text</a>
</th>
<th>
<span><a>Lower Level<
浏览 0提问于2017-04-13得票数 0
我希望在页面加载后，从文本区域的值中将文本设置为一个跨度。
我有一个跨度：
<span id='message'></span>
我有一个文本区域，我用一个rails变量来设置这个值：
<%= f.text_area :text_message, value: @user.text_message, id: 'text_message' %>
当页面加载后，我希望span的文本与文本区域文本相同。类似于(不起作用的)：
(document).ready(function() {
var message_text
浏览 6提问于2013-10-17得票数 0
回答已采纳
我有下面的HTML。我想使用正则表达式捕获给定标签的值。我现在正在使用捕获组来获取值。然而，它是非常混乱的。下面的HTML是我所拥有的一个非常简化的版本。我的正则表达式模式看起来有点像这样获取Author标签后面的跨度的value (文本内容)。
`/\bAuthor\b:\<\/span\>\s+\<span\s[a-z="]+\>([A-z\s]+)/`
<div>
<div><span class="label">Author:</span>
<span class="
浏览 0提问于2019-09-16得票数 0
3回答
我需要在超文本标记语言页面上找到所有匹配特定正则表达式的文本片段(即，我需要忽略标签，以便'< span>First name: < /span>< br/>< b>John< /b>'将匹配'First name: John')，然后突出显示这些找到的片段(通过新元素装饰和应用自定义样式)，并能够找到这些片段，例如，能够滚动到视图中。功能类似于Skype浏览器插件对页面上的电话号码所做的操作。
浏览 1提问于2011-10-13得票数 6
我正在尝试完成一个浏览器插件，它将分析文本并以某种方式标记它。
基本上，假设您在浏览时，在页面中的某处看到此文本。
<p>and then Tom Cruise, devoured the planet.</p>
该插件正在扫描文本，并将找到"Tom Cruise“。一旦鼠标移到我的服务器上，吐出AJAX并返回一个HTML页面，工具提示就会显示出来。
我最初是这样标记的
<p>and then <span class="ajax subtleShadow">Tom Cruise</span>, devoured
浏览 2提问于2012-11-05得票数 2
回答已采纳
1回答
我想用另一个标签替换span标签，但是当我清空标签时，它也删除了span标记。我想要实现span标记，以及它中的新内容。任何帮助都将不胜感激，谢谢。
基本问题是如何在jQuery对象字符串中添加span标记
FYI，我只是添加了适当的脚本，以便您可以看到基本的想法，我正在尝试。我知道，根据我发布的内容，代码是行不通的。代码太长，无法添加。
javascript代码：
var UxDesign = new Object();
UxDesign.h1 = "HELLO |" + <span>eHello</span>"";
浏览 5提问于2014-03-12得票数 0
回答已采纳
我试图更改在默认login.aspx页面中创建的标签的文本，该标签是在.net 4.0中创建新网站时提供给您的。我似乎无法以任何方式接触到这个标签。如果用户未被批准，则当单击“登录”按钮时，应更改文本。这是制造标签的地方。
<LayoutTemplate>
<span class="failureNotification">
<asp:Literal ID="FailureText" runat="server"></asp:Literal>
浏览 3提问于2013-06-17得票数 2
2回答
我有一个简短的有序列表，其中包含2个项目。在第二个项目中，我想在右边放置一个按钮。CSS给我带来了麻烦，所以我把它贴在这里，希望有更熟练的人能帮上忙。
这是标记：
<ol>
<li>Go here to <a href="review.aspx">perform an internal review</a>.</li>
<li>When satisfied with the internal review, click the button on the right and then go
浏览 0提问于2013-04-02得票数 1
回答已采纳
1回答
我有像下面这样的html
<label id ="someid">
some text in label <span> count(10) </span></label>
我需要在标签中获取文本。
如果我使用driver.find_element_by_id('someid').text();
我会以some text in label count(10)的身份
但我不想让count(10)。
有没有办法写入路径以获取标签中的确切文本，而不是标签中的元素
浏览 0提问于2014-03-18得票数 0
我能够从以下span中提取文本：
使用这个xpath：
'./div/a/div/div/div/span/text()'
结果：
(12)
但奇怪的是，有时服务器会在中间加上注释标签，所以我无法得到预期的结果，
review = product.xpath('./div/a/div/div/div/span/text()').extract_first()
In [1]: review
Out[2]: '('
review = product.xpath('./div/a/div/div/div/span').ext
浏览 2提问于2018-10-16得票数 0
回答已采纳
3回答
<li ondblclick="editThisTag(this)" title="New Account0123" class="select2-selection__choice">
<span class="select2-selection__choice__remove" role="presentation">×</span>
Testing Text
</li>
我想替换<li>标签中的文本，点击按钮点击“测试文本”。<
浏览 2提问于2016-03-10得票数 1
回答已采纳
2回答
我试图为屏幕阅读器优化一些组件，但是Android Talkback被证明是一个挑战.
下面是一个非常简化的代码示例：
<div class="wrapper">
<form>
<span role="presentation" aria-hidden="true">
This should not be read by Talkback
</span>
<input aria-label="This should be read by Talkback"
浏览 11提问于2022-03-01得票数 1
回答已采纳
我有一个页面，我在div中显示一些文本，我需要在某些部分突出显示这个文本。我已经通过使用标签和适当的css样式将需要突出显示的文本括起来。例如，<div> My text will look like this with <span class="highlight">highlighted bits</span> in it. </div>
这可以很好地工作。但是，对此页面的另一个要求是，用户必须能够选择文本，单击按钮，并且所选文本也必须突出显示。
我遇到的问题是，当尝试确定要抓取的选定文本的范围时(使用window.getS
浏览 0提问于2010-10-11得票数 1
回答已采纳
2回答
我有HTML表单，文本数组与表单中标签标记的确切计数相匹配。
表格：
<label id="1">First</label>
<label id="2">Second</label>
<label id="3">Second</label>
<label id="4">Third</label>
<label id="5">Fourth</label>
<label id="6
浏览 4提问于2015-10-04得票数 2
回答已采纳
1回答
我使用的是一个表情选择器输入(一个信号emoji Picker)，它将常规输入字段转换为可满足的富文本区域。
我希望显示标签中输入的文本，但是我对常规文本输入使用的方法不起作用，我不知道如何‘在底层隐藏输入字段上调用element.val()来获取可内容的div的值’。
这是我当前的方法，它适用于常规输入，但不能处理这个富文本输入：
显示文本的标签：
<span>You have entered <span id="name"></span> </span><br>
投入：
<input id="id
浏览 4提问于2017-12-30得票数 1
回答已采纳
我正在尝试用BeautifulSoup从一个文件中剥离特定的超文本标记语言标签及其内容。如何删除应用decompose()后变为空的行？在本例中，我希望去掉a和3之间的行，因为这是<span>...</span>块所在的位置，而不是最后的那行。
from bs4 import BeautifulSoup
Rmd_data = 'a\n<span class="answer">\n2\n</span>\n3\n'
print(Rmd_data)
#OUTPUT
# a
# <span class=
浏览 2提问于2017-02-17得票数 2
我试图使用jQuery制作可编辑的表。见下面的代码
<tr>
<td>1</td>
<td>11.11.2017</td>
<td><span class="editable-cell">11-00</span></td>
<td><span class="editable-cell">Проведение контрольных процедур</span></
浏览 2提问于2017-12-05得票数 1
回答已采纳
我想选择这个特定的文本“密码字段是必需的”，这显然是在<span>标签内。
<span id="password" class>
::before
"Password field is required."
</span>
我试图使用Id找到元素，但不幸的是，它似乎不起作用。我的代码是这样的：
var emptyPassword = WebBrowser.Current.FindElement(By.Id("password"));
Assert.AreEqual("Password field is
浏览 4提问于2014-11-13得票数 0
回答已采纳
标题很好地解释了我的问题。你可能见过带滚动功能的应用程序来重新加载文本。我想要类似的东西，但却有一个标签，上面写着“上次更新”。有没有办法做到这一点？
浏览 1提问于2014-03-04得票数 0
2回答
我要点击li标签上的第二个div文本。
还需要点击li span上的第3次div文本。
这是我的结构ul > li > label > span > div > div > div
$("#PlayListItem").on('click'，'label'，函数(){ .on($(“#PlayListItem”).find(“div:nth-child(2)”).text()；}；$(“#PlayListItem”).on(‘.on’，'span'，函数(){ .text })；
浏览 5提问于2017-05-18得票数 1
回答已采纳
4回答
我想根据对单选按钮的选择来更改标签文本。你能帮我轻松地做这件事吗？这是我的代码。
<div class="control-group ">
<div class="controls">
<label class="radio inline">
<input type="radio" name="btype[]" id="private" value="pri
浏览 3提问于2013-07-22得票数 1
要设置文本样式，我通常使用以下方法之一：
<span class="header">...</span>
<div class="header">...</div>
<p class="header">...</p>
<label class="header">...</label>
但是，将css样式应用于文本块时使用哪个标记真的很重要吗？
通常，我使用<div>表示应该在单个块中的所有内容(如页眉或脚注)，或使用<
浏览 0提问于2013-01-10得票数 6
1回答
我想用另一个标签替换一个标签，并将旧标签的内容放在新标签之前。例如：
我想改变这一点：
<html>
<body>
<p>This is the <span id="1">first</span> paragraph</p>
<p>This is the <span id="2">second</span> paragraph</p>
</body>
</html>
这方面：
<html>
<body&
浏览 3提问于2014-11-18得票数 12
回答已采纳
2回答
.myActive{
background:white;
color: red;
}
.navbar > li > a:hover,
.navbar > li > a:focus{
background: ;
color: #333;
}
<ul class="navbar">
<li> <a href="index.html">Home</a></li>
<li> <a href="#">Categories&
浏览 6提问于2017-07-26得票数 0
回答已采纳
我有下面这段HTML代码，我正在尝试从中获取下拉选项。我想要获取文本(，90，110，145，200)，而不是数据值。 Select size
Select size
90
110
145
200 我在一个单独的页面上有一个类似格式的下拉列表，我可以从中提取信息(下面的代码)，但这涉及到单击列表中的每一项。我将无法单击上面的html代码，因为单击下拉选项链接到另一个页面。在下面的代码中，我尝试迭代每个 标记并仅打印元素文本，但它总是返回第一个元素(空白)。在和中提取下拉选项的选项有哪些 标记，而不是典型的
浏览 37提问于2021-03-02得票数 1
回答已采纳
实际上，我正在尝试从带有一些子标记的标签中获取文本。
，例如
<p><span>Child Text </span><span class="price">Child Text</span><br />
I need this text</p>
这就是我正在尝试的
HtmlElement menuElement = browser.Document.GetElementsByTagName("p");
String mytext = menuElement.InnerHtml;
浏览 3提问于2012-04-28得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
