Question

尝试通过

将标签记录到控制台

var labelTest = document.getElementById('js_8').label;
console.log(labelTest);

然而它返回undefined。

编辑：更正一些内容，对不起工作并尝试在其他任务之间执行此操作。我的最终结果需要是针对js_8 ID的内部html，但是对于React，它对于每个页面都是不同的。所以我想添加一个具有该label属性的额外规定。

HTML：

<span data-reactroot="" label="1715724762040702" class="_xd6" data-pitloot-persistonclick="true" display="inline" data-hover="tooltip" data-tooltip-content="Copy Text to Clipboard" id="js_8"><div class="_xd7">1715724762040702</div></span>

Answer 1

我不确定您之后是什么，但这是通过JavaScript将<label>和<input>连接在一起的方法。

＆＃13;

var some_id  = 'someid',
    my_label = getLabel(some_id);

function getLabel(id) {
  return document.querySelector('[for=' + id + ']')
}

my_label.click();

＆＃13;

<label for='someid'>My Label</label>
<input type='text' id='someid' />

＆＃13;

Answer 2

您可以通过以下两种方式之一将<label>与<input>，<output>，<select>或<textarea>元素相关联：

for属性：

<label for="js_8">Test</label>
<input id="js_8">

或者用标签包裹元素：

<label>Test<input id="js_8"></label>

然后，您可以像这样的数组访问相关标签：

var labelsTest = document.getElementById('js_8').labels;

// labelsTest will be an array of 0 or more HTMLLabelElement objects
console.log(labelsTest);

可标签元素可以有多个标签。

Answer 3

基本上我相信我会想要使用var x = getAttribute（“label”）。这个属性标题标签的事实让我感到困惑，反过来我也会蠢蠢欲动。

如果元素有标签，则尝试对其进行定位

3 个答案: