如何获取HTML元素的变量属性？
获取HTML元素的变量属性可以通过JavaScript来实现。可以使用以下几种方法：
- 使用getElementById()方法：通过元素的id属性获取元素对象，然后可以使用对象的属性来获取元素的变量属性。例如：
var element = document.getElementById("elementId");
var attributeValue = element.attributeName;其中，"elementId"是元素的id属性值，"attributeName"是要获取的变量属性名。
- 使用querySelector()方法：通过CSS选择器选择元素，然后使用对象的属性来获取元素的变量属性。例如：
var element = document.querySelector("#elementId");
var attributeValue = element.attributeName;其中，"#elementId"是元素的id选择器，"attributeName"是要获取的变量属性名。
- 使用getAttribute()方法：通过元素对象的getAttribute()方法来获取指定的变量属性值。例如：
var element = document.getElementById("elementId");
var attributeValue = element.getAttribute("attributeName");其中，"elementId"是元素的id属性值，"attributeName"是要获取的变量属性名。
需要注意的是，以上方法中的"attributeName"是要获取的变量属性名，可以是元素的内置属性（如class、style、src等），也可以是自定义属性。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云函数（SCF）。腾讯云云服务器提供了弹性、安全、高性能的云服务器实例，可满足各种计算需求；腾讯云云函数是一种无服务器的事件驱动型计算服务，可以在云端运行代码，无需关心服务器管理。这两个产品可以提供稳定的计算环境，方便开发人员进行前后端开发、测试和部署。具体产品介绍和链接地址请参考腾讯云官方网站。
相关·内容
我想在我的站点上的所有元素中添加一个自定义标记元素，但是如何设置它才能让Google标记管理器看到它们呢？
data-tag="example"
例如：
<a href="example.html" data-tag="menuItem">Example</a>
然后，这将用于创建一个标准的通用分析标记，该标记将记录包含data-tag="example"的所有元素
浏览 2提问于2016-10-22得票数 0
1回答
我在一个购物商店工作，并希望获得产品的价格根据产品页面上的变体选择。我想知道如何使用Liquid获取HTML元素的值。
浏览 13提问于2019-10-29得票数 0
我已经在html (选择元素)中创建了一个下拉列表，希望在html中的其他地方显示所选的选项how to get it 。你能告诉我如何在“你的身份”部分的课前得到结果吗？
浏览 0提问于2020-09-18得票数 0
3回答
在jQuery .html()方法中，不知何故不要返回根元素，例如：
var test = $('<root><val>hello world</val></root>');
var str = test.html(); // '<val>hello world</val>'
如何获得包含根标记的字符串？
浏览 1提问于2011-02-09得票数 1
我有一个sharepoint列表，列为"Department"，这是一个允许多个选择的选择列表。我想通过创建一个HTML列来发送一封电子邮件给用户，其中包含了一些列细节，包括这个"Department列“值。但是在运行每个字段时都有适当的数据，但是Department字段有值，类似于"{"@odata.type":"#Microsoft.Azure.Connectors.SharePoint.SPListExpandedReference"，"Id":5、" value ":"Externa
浏览 2提问于2022-06-06得票数 0
<div class="first">
<div class="second">
etc
</dv>
</div>
如何获取第一个div的类？(“第一次”)使用jQuery？
我把这个html放在一个变量"$body_html“中
浏览 2提问于2011-08-13得票数 2
回答已采纳
我试图将一个对象列表从我的views.py传递到我的html模板，但是我无法访问HTML中的对象模型属性。请检查下面的代码：
class.py:
class FOF(models.Model):
user = models.ForeignKey(User)
name = models.CharField(max_length=200)
size = models.IntegerField()
pub_date = models.DateTimeField('date published')
view_count = models.Inte
浏览 2提问于2012-12-30得票数 0
回答已采纳
下面是简单的代码：
<! DOCTYPE html>
<html>
<body>
<div id="001">
<div title="hi">hi</div>
</div>
</body>
</html>
我如何通过知道标题“嗨”来找到id "001“：
driver.find_elements_by_xpath("//*[@title='hi']")
我已经看过了：，但是它在Python上不起作用
浏览 3提问于2017-03-22得票数 1
回答已采纳
我希望我没有问一个以前已经回答过的问题--我没有找到任何具体的关于这个问题的东西。
我的任务是通过Javascript创建一个"Hangman“游戏。我的教授给了我们一个HTML标记的游戏，以及它的样式与CSS。我必须写上Javascript才能让游戏正常运行。代码包含在外部文件中。
HTML有一个表单，它接受hangman的首字母：
<div id="enterWordContainer" align="center">
Enter a six letter word for hangman: <input id="hang
浏览 0提问于2013-09-22得票数 0
回答已采纳
我想在我的HTML文件中以纯文本显示我的“用户电子邮件”。
现在，我的项目由三个不同的文件构成：
index.html - edit.html - my_parse_app.js
在my_parse_app.js中，我声明了所有的javascript / jquery函数来帮助与PARSE.com和我的后端进行交互。在这里，我获取了用户的帐户信息(最重要的是，电子邮件)。
我使用以下命令来完成此操作：
var email = currentUser.get("email");
我想在我的HTML文件中显示变量"email“。如果可能的话，最重要的是h1，只是为了练习。有
浏览 2提问于2013-06-06得票数 2
使用$('html').html()，我可以获得<html>标记(<head>、<body>等)中的超文本标记语言。但是如何才能获得<html>标记的实际超文本标记语言(带有属性)呢？
或者，是否有可能获得页面的整个HTML (包括文档类型、<html>等)。使用jQuery (或普通的老式JavaScript)？
浏览 56提问于2010-11-17得票数 195
回答已采纳
我想知道如何从this引用中获得元素的类名。我有以下HTML元素
<input type="checkbox" class="NotSelected @placeholderString" onchange="SaveCompairedOffers(this);">
jQuery代码
function SaveCompairedOffers(obj) {
//Hiding irrelevant code from here
AddCompareOfferInCompareBox();
}
在AddCompareOff
浏览 2提问于2016-05-26得票数 0
1回答
本地化不同语言的xsl
、、、
我有一些静态的xsl来将动态的xml转换成html来响应浏览器。其余的web页面使用Spring MVC进行查看。因此，可以使用用我的语言编写的Spring的messages.properties文件对它们进行本地化。但是我不知道如何使用同样的方法来本地化静态xsl中的文本节点。下面是更详细的说明。
在Spring的网页中，我可以
<title><spring:message code="title.MyTitle"/></title>
在我的静态xsl中，我有
<xsl:stylesheet ........
<xsl:outp
浏览 0提问于2014-10-22得票数 0
4回答
这是个小小的问题，所以我先道歉。基本上，我有一堆这样的代码片段：
$('#botBox').on('click', '#quest11',function(){
$("#divContent1").hide().html(quest11).fadeIn(500);
});
$('#botBox').on('click', '#quest12',function(){
$("#divContent1").hide().html(quest12)
浏览 5提问于2015-10-29得票数 1
回答已采纳
我已经读到了两者之间的区别：
但是，当我尝试使用默认的JavaScript .length来引用它们时，我会把一个简单的HTML示例放在一起：
<ul id="allList">
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
<li>e</li>
<li>f</li>
</ul>
console.log(document.getElementBy
浏览 19提问于2016-07-11得票数 -2
回答已采纳
我目前正在用Python中的selenium进行一些web抓取。现在，我要选择一个复选框，该复选框具有一个带有"checked“值的”复选“属性，该HTML的一部分是：
<li class="private">
<input id="inp-private" name="private" checked=""checked"" type="checkbox">
<label class="pl" for="inp-private&
浏览 0提问于2017-03-12得票数 1
我有两个类似下面的函数：
在弹出窗口中：
function caller(){
window.opener.myfunc($('.TestDiv'));
}
在开场白中：
function myfunc(element){
alert(element.parents('html').html());
}
上面的代码让我可以访问myfunc中的html根元素。
如何从传入的元素访问窗口或文档对象？
注意:它必须来自传入的元素，因为它可能来自运行myfunc的不同上下文。
浏览 0提问于2011-06-20得票数 2
回答已采纳
我正在使用JS来呈现HTML代码，并想在HTML中添加用户输入，这是使用模板文字，但它不起作用。上面写着[object HTMLTextAreaElement] 我正在使用这个代码。 <script>
function print(){
var heading = document.getElementById("heading") //I have a input tag with id heading in HTML code and type text
open = document.open("")
open.document.write(
浏览 20提问于2019-12-19得票数 0
回答已采纳
var selector = $('#foo');
var html = selector.wrap('<div/>').parent().html();
selector.unwrap();
我是jquery的新手，我对第二行不太了解，希望能给我一些解释。谢谢,
浏览 0提问于2011-05-05得票数 2
回答已采纳
7回答
我正在查看如何获取当前单击的下一个属性(类)的文本。就像这样..。
$(this).next().attr('class').text();
谢谢
编辑
这是我的HTML
<span class="Directory"></span>
<span class="Category">My Account</span>
当我点击“目录”时，我想得到类“类别”的文本
浏览 1提问于2012-02-29得票数 0
回答已采纳
如何使用jquery捕获第一个克隆列表？
<ul id=testList>
<li><input type=checkbox" /><p> Test A </p></li>
<li><input type=checkbox" /><p> Test B </p></li>
<li><input type=checkbox" /><p> Test C </p></li
浏览 0提问于2012-04-06得票数 1
回答已采纳
DotNetBrowser DOMElement具有InnerHTML属性，但没有OuterHTML属性。
有办法获取整个元素及其子元素的html吗？
我认为ToString()可能会这样做，但它返回为空。
浏览 3提问于2019-11-01得票数 0
回答已采纳
我在angular.js ..I中做了一个弹出屏幕，用google .But做这个，我有问题。
<div ng-controller="ModalDemoCtrl">
<div inner-html-bind="" inner-html="modal_html_template" class="hidden">
</div>
</div>
app.directive('innerHtmlBind', function() {
aler
浏览 3提问于2014-07-28得票数 0
回答已采纳
我想单独标识每个html页面以添加活动样式(如(.select))。但是我不确定如何使用JQuery获取页面url？
例如，当有人要单击about按钮时，我想给about.html页面提供.select类。
请帮助我，我期待着您的宝贵答复。
谢谢保尔森
浏览 1提问于2010-11-02得票数 0
编写一个名为"inputCopied“的函数，它不接受任何参数，也不返回值。这个函数应该找到一个id为"user“的HTML元素，这将是一个文本框，并将这个值设置为具有”复制“的id的元素中的HTML。
function inputCopied() {
var y = document.getElementById('copied');
return y.value = 'user';
}
如何将HTML元素的值复制到HTML元素的另一个值？我的代码似乎不对。
浏览 0提问于2018-10-31得票数 1
回答已采纳
1回答
(我法语很抱歉我的语言.)我想在一些有Selenium的站点上下载PDF
我已经尝试了网络驱动的选择，但我需要使用火狐访问大约500个urls .因此，使用selenium要快得多，也更实用。所以..。我在好的页面，点击pdf的网址，它打开在另一个标签。我想要另一个标签的网址。
这里是selenium-IDE代码中TEST.side文件的一部分。
"value": ""
}, {
"id": "57a28847-d129-4cd1-b1f2-7ce91fcc0f71",
"comm
浏览 0提问于2019-07-30得票数 0
回答已采纳
4回答
为什么这段代码不能工作？"id“属性是必需的吗？
<html>
<head>
<script language="JavaScript">
function pprint(){
var a = tf.value;
document.write(a);
}
</script>
</head>
<body>
<input type="text" name="tf" value="Test">
<input t
浏览 2提问于2013-02-06得票数 0
2回答
香草式web组件结构
、、、、
我正在寻找构造香草的网页组件。我以前使用过聚合物，喜欢的事实是，您可以在一个文件中的模板，样式和JavaScript为您的组件。如果可能的话，我想用“香草”的网页组件来实现这一点，但无法解决。我从获取了代码，并将其添加到我正在使用的文件中，如下所示：
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-wi
浏览 5提问于2016-09-19得票数 3
回答已采纳
1回答
我正在运行Visual 2012调试器，并发现我的productViewModelList参数没有包含我希望我的视图传递给我的HTTPPOST操作的所有值。我不明白为什么。请参阅下面代码示例中的注释，以了解我插入断点并检查productViewModelList值的位置i。
给出了productViewModelList的下列值：
BrandId = 0，BrandName = "6"，BrandSelectListItem = null，ID = 5，Name = "Crutch"，Price = 10.0
BrandID是不正确的，在我的Drop
浏览 3提问于2013-10-04得票数 0
回答已采纳
我正在使用Chris Ganger的crate库在客户端生成html。
(defpartial html [] form)
(def form
[:div.form-horizontal
[:fieldset
[:legend "Student Registeration"]
[:div.control-group
[:label.control-label "Hello World"]]])
当我在clojurescript repl (html)中执行上面的函数时，我得到了#<[object HTMLDivEle
浏览 2提问于2012-06-22得票数 1
回答已采纳
我有一个放音html，看起来像
<div class="col-xs-12" type="radioenum" field="arr_c">
// elements
</div>
我试图得到它包含的元素，但不确定如何继续
没有名为getElementsByFieldName的函数可以调用，类名也不是唯一的，所以我不能使用getElementsByClassName
浏览 1提问于2019-05-22得票数 0
回答已采纳
2回答
jQuery数据与属性？
、、、
使用data-someAttribute时，$.data和$.attr的用法有何不同
我的理解是$.data存储在jQuery的$.cache中，而不是DOM中。因此，如果我想使用$.cache进行数据存储，我应该使用$.data。如果我想添加HTML5数据属性，我应该使用$.attr("data-attribute", "myCoolValue")。
浏览 1提问于2011-09-01得票数 532
2回答
我有一些简单的html，有点像这样
<a href="" data-type="" data-id="" data-tags="" id="" class="">balrbalr</a>
我希望能够以字符串的形式获得<a>的完整内容。
我知道您可以使用.html来获取内部html，但是如果我使用
var string = $('a').html();
如果要返回，balrblabrlabr
如果我使用string = $('a').
浏览 3提问于2012-05-20得票数 1
回答已采纳
我正在使用2010并在VB中编写代码。我有一个带有WebBrowser对象的表单。我可以控制页面上的HTML。
我需要用户能够在WebBrowser对象中选择一部分文本并保存它。在保存过程中，我需要捕获选定的文本、包含选定文本的HTML元素的ID和URL。然后，当用户返回到该页面时，程序可以在该对象旁边的页面上放置一个图标。
我还没有任何代码来完成这个任务，我对WebBrowser对象没有太多的经验，所以我甚至不知道从哪里开始。但是，我可以给出表单对象的名称，并通知您所有html元素都有一个ID。
Form : frmContent
WebBrowser : wbContent
我猜我甚至可以
浏览 0提问于2014-02-26得票数 0
回答已采纳
Javascript代码
function load()
{
var s = window.location.href;
var temp_img_url=s.split("?");
var img_url=temp_img_url[1];
}
html代码
<img id="bigpic" src=" " style="display: none; ">
我正在尝试将img_url放入src。什么方法可以做到这一点。谢谢。
浏览 4提问于2012-04-21得票数 0
回答已采纳
我有一个场景，我想在jquery中取消选择变量中所有选中的选择框。下面是我的html和jquery代码。
我只是想要当我点击一个按钮，得到一个变量中的所有html，然后想取消选择所有选中的选择框，并在jquery中再次将其绑定到该变量时。下面是我的代码。请大家帮帮我。
提前谢谢。
var html = "<tr>" + '<input type = "hidden" name = "translator_approved_for_id[]" value="-1">' + $("
浏览 1提问于2018-06-27得票数 0
2回答
我正在尝试将js变量(tab.url.toString())写入html。我试过这样做：
document.write(tab.url.toString())
但是它是一个大的js代码的一部分，只与html相关。
这个html名为history.html，我在那里写道：
<script src="nameFile.js"></script>
如何在js代码和这个特定的html文件之间连接？
谢谢。
浏览 7提问于2022-03-31得票数 1
在ajax调用之后，我在页面上动态创建了复选框。
使用这里的几个帖子，我可以将事件附加到复选框的容器div中，现在事件就会触发。HTML
<div class="AvailableProducts" id="AvailableProducts">
<ul><input type="checkbox" id="availableProduct" value="Apple" class="productsSelected"><span>Apple
浏览 1提问于2012-08-22得票数 1
回答已采纳
我在views.py中有一个函数，它返回纬度和经度：
return render(request, 'map.html', {'lat_lng':lat_lng})
我可以以{{ lat_lng }}的形式在html文件中访问它，但是当我试图在单独的js文件中使用lat_lng时，我无法访问它。
我尝试了所有下面的堆栈答案，但没有一个对我有用：
浏览 4提问于2020-07-30得票数 0
我正在从一个网站的学校数据中读取学校名称的值。我只能通过更改它的HTML属性- path才能得到所有的学校名称
/HTML/BODY(1)/FORM(1)/DIV(5)/DIV(2)/DIV(1)/DIV(1)/TABLE(1)/TBODY(1)/TR(1)/TD(1)/TABLE(1)/TBODY(1)/TR(1)/TD(1)/DIV(6)/TABLE(1000)/TBODY(1)/TR(1)/TD(1)/TABLE(2)/TBODY(1)/TR(1)/TD(1)
从上面的路径，我想改变1000到1001或1002 ...so，我可以得到不同的学校名称。我可以在数据项中使用计算和保存来更改路
浏览 0提问于2019-03-26得票数 0
我正在为React-Native创建一个模块。
该模块需要根据存储在数据库中的配置在屏幕上突出显示或指出某些元素。
在Android中，我们的数据库将由视图In组成，并且我们的代码将突出显示这些视图In。
在HTML中，元素Ids就足够了。
如何在React native中定义唯一标识符。
这些将被存储在数据库中，然后实时突出显示。因此，模块需要在运行时访问元素的x，y，width和height
在HTML语言中，我将使用getElementbyId()并继续获取它的属性。React Native中的等价物是什么？
这是可行的-
<code>A0</code>
如果接收
浏览 33提问于2020-07-31得票数 2
4回答
我正在尝试理解新的HTML自定义元素。
我的目标是，给定一些数据数组，创建自定义元素的n个实例。例如，给出10个用户的列表，创建10个用户html对象。
好的-所以我在html中定义了一个自定义元素。
<template-user>
<div class="user-name"></div>
</template-user>
然后我创建我的控制器
JS
class UserTemplate extends HTMLElement {
constructor(){
super();
this.u
浏览 0提问于2018-10-28得票数 8
2回答
我有以下内容，我想知道taskInput是如何更新的。
我抓住taskInput在我的js顶部。然后，我将一个侦听器添加到表单“submit”中。所以，当我通过点击add任务提交表单时，为什么不用再次抓取taskInput来查看它的新值呢？
const taskInput = document.getElementById('task');
const form = document.querySelector('form');
const filter = document.querySelector('input[name="filter
浏览 5提问于2021-04-12得票数 1
回答已采纳
对于javascript/jquery..so，我还是个初学者。如果这个问题听起来很傻，请原谅我。
在使用时，我尝试将函数中某些变量的值写入javascript console，以便更好地理解函数的工作方式
$(document).ready(function(){
$("div.post h2 a").click(function () {
var a = $(this),
href = a.attr('href'),
content = a.parent().next();
console.log('a
浏览 2提问于2012-05-28得票数 2
回答已采纳
我试图让输入的文本，是通过文本字段表单，改变按钮，点击使用JavaScript。我很难弄清楚为什么它不起作用。任何帮助都将不胜感激。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> </title>
<script type="text/javascript">
function start(){
var button = doc
浏览 2提问于2016-10-20得票数 1
回答已采纳
我怀疑这是一个微不足道的查询，但希望有人能帮助我处理我在试图构建的刮板程序中使用lxml得到的查询。
我正在逐行阅读教程3，到目前为止，我一直在尝试提取下一页链接。我可以使用cssselect来标识链接，但是我不知道如何只隔离href属性，而不是整个锚标记。
有人能帮上忙吗？
def scrape_and_look_for_next_link(url):
html = scraperwiki.scrape(url)
print html
root = lxml.html.fromstring(html) #turn the HTML into lxml object
浏览 0提问于2012-07-10得票数 0
回答已采纳
1回答
我需要折叠/扩展div的宽度(而不是隐藏/显示)，并且由于某些原因，我编写的这段代码似乎只是在第二次单击时才开始工作。如果它放入一个警告来检查变量，那么该变量似乎最初并没有拾取样式。有什么想法吗？这是一个js小提琴：
下面是我的css、html和脚本
#left_nav {width:200px; border: 1px solid red; height: 300px;}
<div id="left_nav_collapser">
<a href="#" onclick="javascript:hideNav();return f
浏览 0提问于2013-04-27得票数 0
回答已采纳
我想要得到一个HTML元素的真实(未改变的) id。我的意思是举个例子，我有这行HTML：
<p id='1'>Something in paragraph</p>
如果用户在Chrome或其他浏览器中使用开发人员工具，并将此<p>标记的id更改为“2”，我如何获取此元素的过去(和实际) id？
我使用了这个，但它仍然给出了更改后的id。
$("input").attr('id');
非常感谢您的提前！
浏览 3提问于2020-06-05得票数 0
4回答
<iframe class="class_name">
<html>
<head></head>
<body>
<div>
<!-- All of the stuff -->
</div>
</body>
</html>
</iframe>
我如何访问这个i
浏览 0提问于2018-03-27得票数 2
我是Yii2框架的新手，我开发了一个模块，可以使用Yii2高级框架上传和显示从服务器上传的文件。不过，我完成了上传文件的功能。在我的另一个函数中，需要向jquery dialog.My显示像pdf文件那样的文件，问题是当我单击按钮显示上传的pdf文件时，我无法获得按钮的值。谢谢你们先进的人。
// Here is Gridview code in Index where my button Exist.
<?= DynaGrid::widget([
'columns' => [
['class' => 'yii
浏览 2提问于2019-02-21得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
