无法修改HTML时，如何通过属性值获取指定元素？

放心，这种没法修改原HTML、又碰到重复class的场景我碰过好多次，给你几个靠谱的精准定位方案，都是不需要改动原代码的：

1. 优先用「属性+Class」组合定位（最稳定） #

这个目标<a>标签有个独一无二的title属性值"M'affecter cette demande"，结合它的forceActionLink class，就能精准锁定它，完全不会误选其他同class元素。

JavaScript 代码示例： #

// 注意转义单引号，或者用双引号包裹选择器字符串
const targetElement = document.querySelector('a[title="M\'affecter cette demande"].forceActionLink');

// 确保元素存在后再操作
if (targetElement) {
  // 比如触发点击或者添加逻辑
  targetElement.click();
  // 或者绑定事件
  targetElement.addEventListener('click', () => {
    console.log('目标按钮被点击了');
    // 这里写你的业务逻辑
  });
}

CSS 样式定位（如果需要给它加样式）： #

a[title="M'affecter cette demande"].forceActionLink {
  /* 自定义样式，比如高亮 */
  color: #0070d2;
  font-weight: bold;
}

2. 结合动态属性（临时应急用） #

如果title属性也存在重复的可能，你可以试试用data-aura-rendered-by属性，但要注意：这个属性值是Salesforce Aura框架动态生成的，页面刷新或者重新渲染后可能会变，所以只适合临时调试或者一次性脚本用：

const targetElement = document.querySelector('a[data-aura-rendered-by="1314:0"]');

3. 结合父元素结构缩小范围（更精准） #

如果这个<a>标签嵌套在某个有唯一特征的父元素里（比如某个特定class的容器），可以把父元素的选择器加上，进一步缩小范围，避免意外匹配：

// 假设父元素是class为"some-unique-container"的div
const targetElement = document.querySelector('.some-unique-container a[title="M\'affecter cette demande"].forceActionLink');

总结一下：优先用title属性+固定class的组合，这是最稳定的方案，因为title是业务语义化的属性，不会轻易变化；动态属性只能临时用，不适合长期代码。

内容的提问来源于stack exchange，提问作者dou