Question

我需要检索html文档中的元素。我无法更新html所以我无法添加类或ID。这里使用的类可以在代码中的另一个地方使用pobliby。这是元素：

<a href="javascript:void(0);" title="M'affecter cette demande" data-aura-rendered-by="1314:0" class="forceActionLink" data-aura-class="forceActionLink">
      <div class="slds-truncate" title="M'affecter cette demande" data-aura-rendered-by="1315:0">M'affecter cette demande</div>
</a>

所以我想使用<a>属性检索title元素。在javascript中我尝试：

var bouton = document.querySelector("[title = \'M'affecter cette demande\']");

但我收到了一个错误：

未捕获的DOMException：无法在'Document'上执行'querySelector'：'[title ='M'affecter cette demande']'不是有效的选择器。

如何检索此元素？

Answer 1

请改用此选择器：[title="M\'affecter cette demande"]

var elem = document.querySelector('[title="M\'affecter cette demande"]');

console.log(elem);

<a href="javascript:void(0);" title="M'affecter cette demande" data-aura-rendered-by="1314:0" class="forceActionLink" data-aura-class="forceActionLink">
      <div class="slds-truncate" title="M'affecter cette demande" data-aura-rendered-by="1315:0">M'affecter cette demande</div>
</a>

Answer 2

您只需使用此选择器：

var a = document.querySelector('a[title="M\'affecter cette demande"]');
console.log(a);

<a href="javascript:void(0);" title="M'affecter cette demande" data-aura-rendered-by="1314:0" class="forceActionLink" data-aura-class="forceActionLink">
  <div class="slds-truncate" title="M'affecter cette demande" data-aura-rendered-by="1315:0">M'affecter cette demande</div>
</a>

Answer 3

使用双引号“：

你必须逃避内部双引号：

"[title = \"M'affecter cette demande\"]"

使用单引号'：

你必须逃避内在的单引号：

'[title = "M\'affecter cette demande"]'

使用模板文字`：

你不必逃避任何事情：

`[title = "M'affecter cette demande"]`

使用它的属性值获取元素

3 个答案: