添加类后获取元素文本值
是指在前端开发中，通过添加类（class）属性来标识特定的元素，然后通过相应的方法获取该元素的文本内容。
在HTML中，可以通过添加类名来标识元素，例如：
<p class="my-class">这是一个段落。</p>在JavaScript中，可以使用DOM操作来获取具有特定类名的元素，并获取其文本内容。以下是一个示例代码：
// 获取具有特定类名的元素
var elements = document.getElementsByClassName('my-class');
// 获取元素的文本内容
var text = elements[0].textContent;
console.log(text); // 输出：这是一个段落。在这个例子中，我们首先使用getElementsByClassName方法获取具有类名为my-class的元素，然后通过textContent属性获取该元素的文本内容。
这种方法适用于需要根据特定类名获取元素文本内容的场景，例如在网页中获取特定类名的按钮文本、导航菜单文本等。
腾讯云提供了丰富的云计算产品和服务，其中与前端开发相关的产品包括云服务器（CVM）、云存储（COS）、内容分发网络（CDN）等。您可以通过以下链接了解更多关于腾讯云的产品和服务：
相关·内容
1回答
我有一个带有文本项的图表：
Ext.define('MyProject.view.DrawChart', {
extend: 'Ext.chart.Chart',
alias: 'widget.drawchart',
requires: ['Ext.chart.*', 'Ext.data.*', 'Ext.layout.container.Fit'],
default chart settings here
...
items: [{
type
浏览 2提问于2013-11-25得票数 0
场景:屏幕上有3个字段，其中我在第一个字段文本框中输入一个数字，我还需要在第三个和第四个文本框中输入相同的数字。
/因此，在本例中，我创建了存储输入文本的方法，如下所示：
public String checkcreatedSampleNoentered() throws InterruptedException {
Thread.sleep(3500);
String numberfromsample = "";
{
samplenos= "//input[@formcontroln
浏览 0提问于2023-04-27得票数 0
我正在通过jQuery加载一些超文本标记语言元素：
考虑这种情况：
<li>test</li> (1)
<li>test</li> (2)
<li>test</li> (3)
如果我这样做了：
$("body").find('li:last')
我将获得最后一个li元素，也就是我标记为(3)的元素，如果我总是按顺序添加项，那就没问题了。但是，如果我在其间添加一个新元素：
<li>test</li> (1)
<li>test</li> (
浏览 1提问于2012-11-14得票数 1
回答已采纳
1回答
我为我的用户提供了一个小工具。它们将我的JS api包含在脚本标记中。一旦他们的body标记中有了<div class="PutWidgetHere" />，我的目标就是在div中呈现一个图像和一个文本框。
我的JS使用class=PutWidgetHere查找div。它先附加一个图像元素，然后再附加一个input type=text元素。输入必须放在图像的中心，所以我使用相对于div、z-index和其他几个css属性的绝对定位。
总而言之，我能够在一张空白页上很好地完成这项工作。但是，如果我将我的小部件集成到一个填充的页面上，比如StackOverflow的主页
浏览 0提问于2013-11-01得票数 0
我有一个下拉name="./fixedListForm“，其中我们有两个字段
外部
静态含量
对外部字段的选择，将使多字段具有2个字段。
TabID文本字段
Alt文本字段
由于以上两个字段是多字段，所以可以添加n个带名称的字段。例如：
选项卡ID文本字段，存储在name=./fixedList/item0 0/./tabId中
Alt文本文本字段，存储在name=./fixedList/item0 0/./alt Add
选项卡ID文本字段，存储在name=./fixedList/item1 1/./tabId中
Alt文本文本字段，存
浏览 4提问于2022-03-04得票数 0
所以我有我的代码，但是当我在chrome的控制台中输入它时，它返回"TypeError: Cannot read property 'trigger‘of null“这是因为con还不存在。我怎么才能修复它？
var win = window.open("https://www.sitetest2.robloxlabs.com/upgrades/payment?ap=100");
var con = win.document.getElementById("submit-button-wrapper")
function Loop()
{
浏览 0提问于2015-01-05得票数 0
嗨，我需要找到一个元素的类，它与特定的模式相匹配。基本上，我要做的是在基于框架的产品中向表单的末尾添加自定义文本。
产品的所有实例都具有相同的
<form action="/cart" method="post" class="...">
</form>
我需要在每个这样的实例中找到form元素的类，这样我就可以遍历到最后一个子元素并添加我的文本。是否可以单独使用jQuery？谢谢
浏览 0提问于2015-08-29得票数 1
回答已采纳
1回答
如果你想推荐一个朋友，你可以点击复选框，它显示了你输入朋友详细信息的另一种形式，并且再次推荐了一位朋友，所以会出现第三种形式等等。
现在，在验证表单时，我主要想说的是，如果选中复选框，验证字段为1& 2，如果选中checkbox2，验证字段为1,2和3，最后，如果选中checkbox3，则为验证字段1、2、3和4
我试图使用jQuery if语句绕过验证，如下所示，onSubmit从这个函数返回一个真值或假值：
function validateForm() {
if( $('#checkbox').is(':checked
浏览 3提问于2016-04-07得票数 0
回答已采纳
我在need find by index和get value中有一个列表select。在前3个中，按索引()进行选择。如果1或3个索引具有值，则>= 34将显示文本，否则将隐藏文本。请检查我的形象将了解更多
运行不正常，请查看文件镜像附件
//index , of first 3 select tag
var index = $(this).index();
var list_arr = [0, 1, 2];
var is_exits = $.inArray(index, list_arr);
if (fabric_value != null) {
if (fabric_
浏览 1提问于2020-01-23得票数 0
在我的web页面的test studio自动化测试用例中，我有一个测试步骤，它只是将一些文本输入到文本框中。问题是文本在输入后立即消失。
当我在C#中使用Selenium Webdriver时，同样的情况也会发生。
你以前见过这个吗？请帮帮我。
浏览 6提问于2015-12-10得票数 0
我有从API中提取的值，然后将其动态添加到HTML中。我编写了一个函数，将返回为null的所有值赋值为“不可用”文本，我需要针对空值的所有包含标记(例如，<h2>${input.value}</h2>中的<h2>${input.value}</h2>并添加一个类来显示它们与其他输入不同)。无法知道哪个值将为null，而且每当有人使用该程序时，它都会发生变化。此外，包含的标记类型将根据值在页面上显示的位置而改变，有时是h2、p或另一个标记。我试过了，
const notAval = (input) => {
if(!input) {
浏览 1提问于2022-07-20得票数 0
我正在尝试执行自己的工具提示，它应该显示父元素名称值的值：
我在锚标记后添加新的div，并尝试绑定父锚名称值的文本值.
但是在我的所有(.tooltipContainer) div中，我只得到了姓氏值(工具提示3333333333333)？有谁能帮忙解决问题吗？
HTML:
<!-- tooltip - begin -->
<ul>
<li><a name="tooltip 1111111111111" class="customToolTip&#
浏览 2提问于2015-03-17得票数 0
回答已采纳
3回答
我这里有个密码：
<input type="text" class="todo-input" placeholder="Gebe hier dein Taskein">
<button onclick="task = document.getElementsByClassName('todo-input').value;
window.alert(task)">Hinzufügen</button>
但是为什么我要得到未定义的，而不是输入字段中的文本呢？我要做什么才能得到
浏览 5提问于2021-06-04得票数 0
回答已采纳
如何使用jquery通过单击文本来在输入字段中填充文本？
文本是动态生成的，因此不会提前获知该值。
例如：
<input id="tag" type="text" name="tags" value="">
<p>
<a class="tag">aaa</a><br/>
<a class="tag">bbb</a><br/>
<a class="tag"&g
浏览 0提问于2012-03-25得票数 0
回答已采纳
我是Java和Android的新手，但我愿意学习。我想做的是构建一个应用程序，接受一个句子，或者一个通用字符串，并且只显示一行文本，这已经被编码了。但我想做的是继续到“下一个”行，点击一个按钮，称为“继续”。因此，简而言之，它只是提供给您一次阅读少量的文本，然后继续单击一个按钮。
这就是我有多远：
activity_main.xml
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.co
浏览 3提问于2013-03-04得票数 1
我有两个span's，其中包含一个带有相同id的HTML文本框"field1“。根据下拉值，在给定时间只有这两个跨度显示在屏幕上。要么显示其中一个跨度，要么都不显示。
我在prototype js中使用.hide();和.show();来根据下拉值显示和隐藏这些跨度。但是每当我试图在提交时通过$F('field1');获取值时，我只能得到第一个HTML文本框的值(它是空的)。
有没有办法可以解决这个问题，以获得可见的HTML文本框的值？
浏览 1提问于2011-12-20得票数 0
回答已采纳
1回答
我想写一个Resharper插件，让我根据突出显示的文本在另一个类中生成代码，而API并不是最透明的。我应该查看哪些方法来访问选定的文本，以及在当前类之外生成代码？
浏览 7提问于2012-07-10得票数 3
回答已采纳
我正在尝试创建类似于tumblr.com登录和注册文本字段的文本字段。
我启动了firebug，试图了解幕后发生了什么，但它真的超出了我的能力范围(我是一名程序员)。
浏览 0提问于2011-07-18得票数 0
回答已采纳
下面的链接显示my OneDrive上托管的Microsoft Excel工作表中的单个单元格值(1,250.21)：
或
现在，我试着通过标准的cUrl获取这个网址，但是得到了很多的JavaScript &只有标准的超文本标记语言，在整个页面上都没有提到这个值。
有没有办法获取这个值(1,250.21)？
浏览 0提问于2015-02-25得票数 0
7回答
我正在查看如何获取当前单击的下一个属性(类)的文本。就像这样..。
$(this).next().attr('class').text();
谢谢
编辑
这是我的HTML
<span class="Directory"></span>
<span class="Category">My Account</span>
当我点击“目录”时，我想得到类“类别”的文本
浏览 1提问于2012-02-29得票数 0
回答已采纳
2回答
我似乎无法将文本放置在这个页脚的右侧：
基本上，我需要“中间”类来保持文本在页脚上垂直对齐，但是使用"center“类和" text -right”类(在引导中)会使文本混乱。如果我只使用“文本-右”类，文本在右边，但在顶部。
用于.center的CSS是：
.center {
margin: 0;
position: absolute;
top: 50%;
transform: translate(0, -50%);
}
浏览 4提问于2014-08-26得票数 3
回答已采纳
我在asp.net上有一个表格，用javascript点击按钮就能动态创建表格行。我遇到的问题是，这些动态表格行是用户可选填写的，因此在提交表单时可以填写，也可以留空。
基于用户输入检查验证的好方法是什么?因此，如果用户在动态添加的表行的一个文本框中输入内容，则意味着需要验证另一个文本框，因此不应允许用户提交表单。
Javascript：
$btnAddTableRow.click(function() {
var html = '<tr>' +
'<td><input type=&
浏览 11提问于2017-08-21得票数 0
回答已采纳
1回答
我有一个拖放日历，'on drop‘需要将细节传递到一个变量中。
到目前为止，我已经设法让它追加到一个文本区中，这样我就可以看到它很好地记录了数据，或者创建了一个隐藏字段，它将接受最后一次删除。
但是，我需要每个项目都在一个隐藏字段中，这样我就可以将它传递到下一页，在那里它将在PHP中进行处理。
我猜对于每个drop...generate隐藏字段，我都需要某种类型的循环。
但我没有运气让它工作。
这是我的代码。任何帮助都是非常有用的。
谢谢
drop: function(date, allDay) { // this function is called when something
浏览 0提问于2012-05-09得票数 0
回答已采纳
我可以使用var flt=$("#flt"+rowID).val();获取输入元素的值
但无法获取select elements value
这是我的php代码
<?php
$AC= & getAC();
while ($rowAC=mysql_fetch_array($AC)){
$i++;
if ($rowAC['acode']==$row['TPE']){
echo "<option value='{$rowAC['acode
浏览 1提问于2011-08-09得票数 0
回答已采纳
我用CSS3制作了一些动画。
来源太简单了。只需打印文本，并在4s后消失。
下面是当前的来源。
const intro1 = document.getElementsByClassName('intro1')[0];
setTimeout(() => {
intro1.classList.remove('fade-in');
intro1.classList.add('fade-out');
}, 3500);
body {
margin: 30px 0;
padding: 0 15px;
}
section {
浏览 0提问于2018-09-20得票数 2
回答已采纳
我在下面定义了一个文本字段；我需要从JQuery方法为该文本字段设置一个值。正在调用JQuery方法，但未显示该值。
<input type="text" id="br_name" name="br_name" />
$(function () {
$('.senddb').click(function () {
$(".br_name").attr("value", $(this).data("bankbranchName"));
})
浏览 0提问于2013-02-28得票数 0
回答已采纳
首先，谢谢你抽出时间阅读这个问题。多么棒的社区堆栈溢出:)
我需要根据页面上的h1元素中包含的文本更改页面的标题标记。
我一直在搜索，我找到了"document.title“Javascript函数。我一直在玩它，试图从具有“分类- h1”类的h1元素中提取文本。
<script type="text/javascript">
document.title = document.getElementsByClassName("Category-H1");
</script>
但是，它只是将页面标题设置为"objec
浏览 5提问于2012-10-26得票数 1
回答已采纳
我使用的是jquery选项卡。我有三个选项卡。每个选项卡都有自己的输入文本字段(每个选项卡一个)。所有三个输入文本字段都有相同的id="javanus“，但它们位于不同的选项卡上。
我想从id=javanus的selected选项卡上的input文本字段中获取值。我可以获得选定的选项卡文本(alert($('.ui-tabs-selected a').attr(" text "))，但我不知道如何从选定选项卡的选定面板中读取值。
致以最好的问候，Javanus
浏览 4提问于2011-03-02得票数 2
回答已采纳
我们目前正在使用谷歌的字体加载器加载我们的自定义@ WebFont -face字体。该工具旨在通过允许我们在加载字体时使用css类隐藏文本来消除fout。不幸的是，html标签上的类似乎总是wf-active的，所以fout仍然显示。有谁知道为什么wf-loading类没有显示出来吗？
如果你想看看，我们的网站是，谷歌WebFont加载器的文档在。
谢谢。
浏览 1提问于2012-11-10得票数 2
1回答
我有这样的问题。
-text +按钮-
-text +按钮-
(等等)
-text +按钮-
== TEXTAREA ==
例如：我有20套文本和按钮。当我按任意按钮时，我会得到与我按下的按钮相关联的文本，并将其文本附加到文本区域。这里所有的文本和按钮使用相同的id。
这是代码：
<div id="part" >
<form name='form1' id='form1'>
<div id="teks"> <?php echo $text; ?></div>
<bu
浏览 1提问于2013-07-07得票数 0
3回答
我有一系列同名的文本框。
<%for(i=0;i<=nooftasks;i++){%>
<input type="text" id="duration"
name="duration" class="td4" onkeyup="durationFormat()">
}%>
在Javascript中，我必须在两位数字后加一个冒号
function durationFormat()
{
var duration = document.getElementsByName(
浏览 2提问于2013-05-14得票数 0
回答已采纳
1回答
我正在尝试找到一种在Firefox4中以编程方式获得新确认对话框文本的方法。到目前为止，通过连接到主dom文档，我可以读取XULElements并单击OK和Cancel，但是我似乎找不到任何包含对话框显示的文本的内容。有没有人知道如何通过javascript或其他方式做到这一点？此时该对话框处于打开状态，因此需要考虑这一点。
浏览 0提问于2011-03-24得票数 0
回答已采纳
(TLDR:见我对底部的编辑)
我使用的是jQuery验证，所有东西都是为验证部分设置和工作的。但是，当用户没有从这组单选按钮中选择一个选项时，我会尝试在red中突出显示它们的单选按钮。
验证对单选按钮有效，但是我无法使标签的高亮显示正常工作。
我有两个问题：
在初始页面加载时，它是无效的，因为用户还没有按下submit，所以在我当前的代码中，标签在初始页面加载时显示为红色。
当用户单击单选按钮时，它不会更改为黑色。
我的代码：
var rules = {
rules: {
RadioButton: { required: tru
浏览 4提问于2015-12-07得票数 1
回答已采纳
1回答
在ZF2中，我已经用自己的文本元素重写了文本元素(称为My\Form\Element\Text)。现在，我想要这样做，以便当我向表单添加文本元素时，它默认为重写的类，而不是Zend\Form\Element\Text。
$this->add([
'type' => 'text',
'name' => 'to',
]);
我知道我可以使用'type' => 'My\Form\Element\Text'而不仅仅是'type' => '
浏览 3提问于2013-10-16得票数 0
回答已采纳
我只是不明白Form::model绑定的存在，我很高兴(这太棒了)。我尝试了它的文本，电子邮件，甚至选择，每一次它的工作。
我的问题是，它是否适用于<select multiple>？如果是这样的话，我应该如何使用它，以及在数据库中保存数组的正确方法是什么？(这可能很糟糕，但我用分隔符连接了数组的所有选项，并将其保存为文本，我确信这不是正确的方法)。
浏览 2提问于2014-05-23得票数 5
回答已采纳
我需要知道如何在Javascript中通过识别它的“class”来获得html段落的内容。下面是我的HTML文档的样例：
<html>
<p class="c"> <font> Here is the text I need to get </font> </p>
<p class="c"> I don't need this text </p>
<p> Here is some more text </p>
</html>
我想在J
浏览 1提问于2011-07-15得票数 0
回答已采纳
3回答
我认为这是一个非常基本的问题，但我有点困惑。
如果我想要为动态更改其值的jQuery对象的文本值拍摄快照，我该如何做？
例如，var text = $('#div').text()将使文本等于引用时div的文本值，但我希望它始终等于设置表达式时div的文本值。
浏览 1提问于2013-08-10得票数 0
我正在学习JavaScript，在文本中它说你必须使用本地定义的动画样式。即HTML样式标签。这有意义吗?如果有，为什么这么做是必要的？提前谢谢。
浏览 3提问于2011-05-25得票数 0
回答已采纳
3回答
我正在尝试使用jquery将初始值赋给一个文本框。这是文本字段
<input type="text" class="info"/>
这会创建多个文本字段，我需要用来自数据库的初始值填充文本字段。我遇到了问题，因为我正在尝试使用jquery适配器。
有什么线索吗？
提前谢谢。
详细代码如下：
我包括index.html
<?php include "index.html"?>;
这会将一些文本字段放入record.php：...
在包含index.html之后，我使用此代码将初始值分配给具有类名“inf
浏览 0提问于2012-10-15得票数 0
1回答
我正在创建一个Windows窗体应用程序，以便比较两个HTML文档。第一个是从外部来源检索的，包含一些结构错误。因此，应用一种算法将HTML文本转换为优化的文档，并且该优化文档对应于要比较的第二个文档。之后，我想直观地将优化后的文档与第一个文档进行比较，并显示它们之间的差异。 我创建了一个具有两个webview2控件的表单，其中第一个控件显示第一个HTML文档。按钮用于转换HTML文本，然后我想知道执行视觉比较的最好方法是什么。理想的行为是让第二个webview2显示转换后的超文本标记语言文档，并用一种特殊的颜色显示差异。 所以我的第一个方法是使用这个函数： await webview2.C
浏览 55提问于2021-08-15得票数 0
5回答
我有一个文本左对齐的图像。图片和文本都在一个div中，我在帖子的背景中设计了一个红色的气泡。气泡只到达文本，而不是图像(图像向下的距离比文本远得多)，导致图像进入其他帖子。如何使这个div的大小适合我放入其中的任何内容(在本例中是图像)？
jsfiddle: http://jsfiddle.net/Sederu/CzNr6/
浏览 1提问于2013-04-18得票数 0
回答已采纳
1回答
代码：
<script>
$(document).ready(function(){
$(".check").click(function(){
comment = $(".comment2").val();
alert(comment);
});
});
</script>
<?php
$sql = "select * from enquires2";
$result = mysqli_query($link,$sql);
while (
浏览 1提问于2017-05-10得票数 1
回答已采纳
3回答
HTML
<div id="wrapper">
<input type="text" id="text">
<button id="t-1" value="1">1</button>
<button id="t-2" value="2">2</button>
<button id="t-3" value="3">3</button>
<
浏览 1提问于2016-04-21得票数 0
回答已采纳
我希望通过解析来自同一站点上另一个页面上的文本区域、div等的值来填充数组。(穷人的数据库。)。这是一个托管的网站，所以我所有的是JavaScript，没有jquery，更少的php等。我可以做解析，但首先我必须能够从另一个页面内的网站文本。这个前夜可以在香草JavaScript中使用吗？
计划是这样的。我设置了一个数据页面(这样我就知道它的URL)，其中包含一个包含数据的字段或div，格式化后我可以解析它。在进入另一个需要数据的页面时，我将运行一个JS例程来读取数据并填充我的JS数组。
但是我不知道如何在JS中引用这个页面，更不用说在其中获取对象的内容了。跨域安全性应该不是问题，但是语法肯定
浏览 0提问于2013-04-14得票数 1
嗨，我有一个Django表单，其中一个字段是填充取决于前一个字段的选择。这在手动测试时工作得很好，但在使用selenium进行测试时遇到了问题。
下面是失败的测试：
# --- functional tests --- #
class ProjectFormsTest(LiveServerTestCase):
def setUp(self):
self.browser = webdriver.Firefox()
self.browser.implicitly_wait(3)
def tearDown(self):
self.br
浏览 0提问于2012-11-14得票数 1
回答已采纳
在这里，我想通过在按钮单击事件上查找元素来验证几个文本框
private void button1_Click(object sender, RoutedEventArgs e)
{
var button = (Button) sender;
// button Parent
var stackPanel = button.Parent as StackPanel;
// button Parent > parent
var parentStackPanel = stackPanel.Parent
浏览 0提问于2011-12-20得票数 3
回答已采纳
2回答
我有一个多个选择的页面。
当单击其中一些选项() (value=0)时，应该打开一个文本框，以便用户在其中写入描述。当用户单击除文本框外的任何部分时，I希望关闭相同的文本框。，当用户进入前一个或下一个选择器时，希望文本框自动关闭。。
事件单击“不工作”选项。但是这个代码不起作用。
如果你有解决这个问题的建议，谢谢你让我知道。
预先感谢您的合作。
function changeFunc(){
var selectBox = document.querySelectorAll(".selectBox");
var selectedValue = selectBox.va
浏览 3提问于2021-08-18得票数 0
回答已采纳
4回答
这是我的html标签，
<asp:Label runat="server" ID="rdPayOutstanding"></asp:Label><br />
我希望检索span标记中的值并将其显示在文本框中，我已经编写了下面的代码，但它似乎不起作用。
有人能帮我解决我的代码的问题吗？
$(document).ready(function () {
var amount = $('#rdPayOutstanding').text().toString();
console.log(amount);
$('
浏览 1提问于2012-11-06得票数 0
回答已采纳
假设这是我整个页面的代码：
<html>
<body>
<textarea></textarea>
</body>
</html>
然后我想要更新该文本区域的内容。我不能将id添加到该文本区域，它必须保持原样。
我的问题是，通常对于许多文本，我会像这样更新它：
$('textarea').each(function () {
$(this).text('foo');
});
但在这种情况下，只有一个文本区域，我可以这样写吗：
$('textarea').t
浏览 2提问于2012-09-10得票数 1
回答已采纳
我正在建设一个项目，以寻找一个特定的驱动程序在联想网站()。如果找到合适的产品类别，此站点将在键入时更改搜索URL。
这意味着，例如，如果您搜索它使用的"ideapad“：
如果您搜索"T540p 20BE“，Url将更改为：
首先，我尝试使用上面的url。您将得到一个Json文件，其中包含该设备的所有模型类型的更多信息。不是我需要的回应。
我需要的是一个方法，以获得所有可用的司机为一些给定的莫德尔。作为对搜索的响应，您将得到一个Html文档，其中包含嵌入式html页面中的所有驱动程序：
!]
我尝试过使用selenium的不同方法，但我的应用程序需要一种usabel方式
浏览 1提问于2017-04-26得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
