如何获取HTML <legend>元素的"for=“属性
HTML <legend>元素是用于为<fieldset>元素定义标题的。它通常用于创建表单的组合字段集合，并提供对这些字段的描述。
要获取HTML <legend>元素的"for"属性，可以使用JavaScript来实现。以下是一种获取该属性的方法：
// 获取<legend>元素
var legendElement = document.querySelector('legend');
// 获取"for"属性的值
var forAttributeValue = legendElement.getAttribute('for');
console.log(forAttributeValue);上述代码中，首先使用document.querySelector()方法获取到第一个匹配的<legend>元素。然后，使用getAttribute()方法获取该元素的"for"属性的值，并将其存储在变量forAttributeValue中。最后，通过console.log()方法将该值打印到控制台。
需要注意的是，上述代码中的选择器'legend'是一个简单的选择器，它将选择文档中的第一个<legend>元素。如果需要选择特定的<legend>元素，可以根据其父元素或其他属性进行更具体的选择。
关于HTML <legend>元素的更多信息，可以参考腾讯云的官方文档：HTML <legend>元素。
相关·内容
1回答
document.querySelectorAll("input[type=checkbox")的结果数组的顺序有保证吗？
javascript、php、html
页面正文中有以下HTML --这些是此HTML页面上唯一的输入类型复选框：
<fieldset>
<legend>North Face</legend>
N-A1:
<input type="checkbox" name="NorthFace" value="N-A1" id="NA1">
N-B2:
<input type="checkbox" name="Nort
浏览 1提问于2016-02-18得票数 7
回答已采纳
3回答
如何仅在同一级别上选择元素
javascript、jquery
<fieldset>
<legend>Export Model</legend>
<label for="Name">Name</label>
<input id="name" name="name" type="text" value="">
<br>
<button onclick="addCategory(this)" type="button"&g
浏览 3提问于2014-08-12得票数 1
3回答
为什么我的jQuery .each迭代无法使用每个项目的属性？
javascript、jquery、each
我有一些代码可以从表单中的每个子元素中找到“title”属性。
当我运行'console.log(' title ')时，它会正确地提取出标题。但是，当我尝试应用代码在字段集的内部div之前插入一个标签时，它只是给每个字段添加了相同的标题(“关于我”)。
html
<form action="#" method="post">
<fieldset title="About Me">
<!-- Going to convert legends to h4 // can c
浏览 0提问于2012-08-10得票数 0
回答已采纳
3回答
DOM中属性+同级的CSS规则
html、css、dom、dynamic-css
我所拥有的是一个表单，其中一个字段集包含其他几个字段集。对于每个字段集，用户可以选中图例旁边的框并展开该字段集(至少在理论上)。我在想，尝试使用纯CSS来实现这种效果会很酷，但是我一直在考虑如何根据DOM中两个元素的位置来编写规则。下面是HTML：
<fieldset id="areasofinterest">
<legend>Areas of Interest Survey</legend>
<p>Please Check The Areas Applicable to you and Answer the Co
浏览 1提问于2009-08-12得票数 1
回答已采纳
2回答
如何在表单中一次获取所有输入值
javascript、jquery、forms
这是我的表单，当单击submit按钮时，我尝试获取表单中的所有值。
<form class="well form-horizontal" action=" " method="post" id="contact_form">
<fieldset>
<!-- Form Name -->
<legend>User Form</legend>
<!-- Text input-->
<div class="form-group">
浏览 3提问于2017-05-14得票数 0
回答已采纳
5回答
我是JavaScript的新手，我很难理解这个语法。
document.querySelector('dice').style.display='none';
我的理解是，我们将在document对象上调用querySelector方法-这将返回一个选择。现在我们调用这个选择的style方法--这将返回一个style对象。接下来，我们将其display属性更改为“none”以隐藏它。
如果这是正确的，那么它不应该是.style().display = 'none'?吗
如果style确实是一种方法，那么在调用它时不应该需要括号吗？
浏览 0提问于2018-03-20得票数 0
3回答
jQuery:查找选择器只适用于ID而不适用于类？
jquery、css
"find“方法在jQuery中是否适用于类选择器？
例如：
var tagsDiv = $(".node-form .taxonomy-super-select-checkboxes").find("div.fieldset-wrapper");
不起作用。但
var tagsDiv = $(".node-form .taxonomy-super-select-checkboxes").find("div#edit-taxonomy-tags-1-wrapper");
很管用。这是html代码：
...
<fie
浏览 0提问于2010-04-26得票数 0
回答已采纳
3回答
如何检查单选按钮是否被选中，并在if条件下比较其值？
javascript、html、radio-button
我什么都试过了，还是没有结果。
<form action="#" method="post" class="demoForm" id="demoForm">
<fieldset>
<legend>Demo: Get Value Onclick</legend>
<p><h4>Which one is markup Language ?</h4>
</br>
浏览 2提问于2019-09-05得票数 0
5回答
CSS:可以在指定一个字段集之前指定另一个字段集的样式吗？
html、css
CSS:可以在指定一个字段集之前指定另一个字段集的样式吗？当两个字段集跟随在我的代码中时，我想将它们应用于特定的样式。
编辑时不使用class和id，当然...
以下是我的代码
<div id="tabs">
<fieldset class="one">
<legend>One</legend>
Text
</fieldset>
<fieldset
浏览 0提问于2012-06-13得票数 2
回答已采纳
1回答
读取数据属性=未定义？
javascript、jquery、custom-data-attribute
我有这样的代码：
<ul class="effects-list">
<li data-creative="1">Creative</li>
<li data-uplifted="3">Uplifted</li>
<li data-energetic="3">Energetic</li>
</ul>
然后Javascript读取数据属性：
$(function() {
var effectData = $(
浏览 2提问于2014-05-09得票数 1
回答已采纳
1回答
在用户将文本添加到输入字段后仍然显示内联错误消息。
javascript、html、keydown、submit-button、queryselector
当用户单击submit时，我编写了一条错误消息，显示在每个使用DOM选择器丢失值的输入字段下。我还禁用了当点击提交时打开的电子邮件文件，使用preventDefault()。
但是，当用户键入文本区域时，消息不会消失。我试着用一个“按键”事件，但我无法让它工作。
HTML代码：
<body>
<header class="header">
<form action="mailto:me@fakeemail.com">
<fieldset>
浏览 7提问于2022-05-11得票数 0
3回答
元素未定义为$( jQuery ).remove()
javascript、jquery、asp.net-mvc、dom
我有这个JavaScript，它添加了一个表单字段，以及一个删除该字段的链接：
var fieldCount = 0;
function addField() {
var name = 'file' + fieldCount;
var row = 'row' + fieldCount;
var str = '<p id="' + row + '"><label for="' + name + '">File to upload: <inp
浏览 4提问于2009-09-23得票数 2
回答已采纳
6回答
为什么这些CSS规则经常被重复？
html、css
我在web检查器中查看了单个span元素(用于顶部菜单)。
element.style {
}
html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address, small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, lab
浏览 10提问于2015-08-28得票数 0
回答已采纳
3回答
尝试计算jQuery时，div长度返回零
jquery
这是我的HTML：
<fieldset>
<legend>Ways I can be contacted</legend>
<div class="error-message-list"></div>
<div class="rows">
<div class="row">
<div>content</div>
<div>content<
浏览 0提问于2013-06-27得票数 0
回答已采纳
3回答
获取对javascript中元素的引用
javascript
我正在做一些自学的html/js。我试图制作一个简单的图片上传器，下面的教程给出了以下html，
<section id="image" class="button">
<button>Add image</button>
<input type="file" accept="image/*">
</section>
在我的CSS中
section.button input[type="file"] {
display: non
浏览 2提问于2019-03-05得票数 0
回答已采纳
1回答
如何在发送邮件后清除文本字段
jquery
我正在尝试使用ajax联系人表单给我发送电子邮件，但我想在成功发送电子邮件后清除文本字段。我尝试将值设置为val("")，但似乎不起作用。我怎么才能让它工作呢？
$(document).ready(function(){
$("#ajax-contact-form").submit(function(){
// 'this' refers to the current submitted form
var str = $(this).serialize();
$.ajax({
type: "POST",
ur
浏览 0提问于2012-03-02得票数 1
回答已采纳
3回答
获取div元素的文本内容，不包括其子元素
javascript、html
我有以下的html代码，我只需要console.log航运。尝试了几种方法，但似乎不能让它工作。我尝试先选择它的子节点，然后打印出它的父节点的textContent --不行..我可以删除它的子类并打印出剩下的内容，但我不能这样做。
有什么建议吗？
感谢你的帮助
<div class="accordion shadowed-box shipping collapsed summary">
<fieldset>
<legend>
Shipping
<div id="shippingTooltip
浏览 37提问于2018-07-29得票数 1
回答已采纳
1回答
Jquery & @Html.EditorFor
c#、javascript、jquery、asp.net、asp.net-mvc
我正在从数据库中提取一些数据，所以当您从下拉列表中选择人名时，表单中的文本字段"Login“应该会自动完成他的详细信息。
现在它一直是空的。
我确信，在@HtmlEditorFor上添加javascript数据时会出现一些问题。
如果我做错了什么，你能看看吗？
谢谢你提前给我时间。
视图：
@using (Html.BeginForm()) {
@Html.AntiForgeryToken()
@Html.ValidationSummary(true)
<fieldset>
<legend>User</legend><div clas
浏览 0提问于2014-01-15得票数 0
1回答
将某些浏览器JavaScript转换为HTML和JavaScript文件--使用SHA256进行散列
javascript、html、hash、sha256、sha
我使用帮助散列一些密码，从我正在创建的个人项目网站。它在控制台中使用JavaScript来散列一些文本，但是我想将下面的代码作为一个函数在我的网站中使用，作为一个完整的JavaScript初学者，我似乎无法使它工作。以下是代码：
const sha256script = document.createElement('script');
sha256script.src='https://cdnjs.cloudflare.com/ajax/libs/js-sha256/0.9.0/sha256.min.js'
document. head.appendChild
浏览 8提问于2022-08-01得票数 -2
回答已采纳
2回答
如果输入有错误类，jQuery将类添加到字段集
javascript、html、jquery
如果字段集的输入有"error“类，那么如何将"error”类添加到字段集中？
我试图按照以下方式实现这一点，但是它将"error“类添加到每个字段集中，不管输入是否有"error”类。
$('#submit').click(function(e) {
e.preventDefault();
$('input').each(function() {
if($(this).hasClass("error")){
$("fieldset").a
浏览 2提问于2022-05-25得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
