如何不使用id属性唯一识别无标识的HTML节点？

当然可以！不用给div加id，也能在myScript.js里精准识别这两个不同的div节点，给你几个实用的方案：

方案1：利用document.currentScript获取上下文节点 #

这是最直接的方法——每个script元素在执行时，document.currentScript会指向当前正在运行的脚本本身，而它的父节点就是你要找的div。

在myScript.js里写这段代码就行：

// 获取当前脚本所在的div节点
const targetDiv = document.currentScript.parentNode;

// 可以给节点添加唯一标识，方便后续操作
targetDiv.dataset.uniqueId = `unique-${Date.now()}-${Math.floor(Math.random() * 1000)}`;

// 测试输出，确认是正确的div
console.log("当前操作的div节点:", targetDiv);

这个方法的好处是完全不需要修改现有HTML结构，纯靠脚本自身的上下文就能定位，现代浏览器（Chrome、Firefox、Edge等）都支持，唯一需要注意的是IE11及更早版本不支持document.currentScript，如果要兼容旧环境可以看下面的方案。

方案2：给script添加自定义data属性 #

如果需要更可控的标识，或者要兼容旧浏览器，可以给每个script标签加自定义的data属性，比如data-div-tag：

修改你的HTML结构：

<!-- div #1 -->
<div style="width:200px; height:200px;">
  <script src="myScript.js" data-div-tag="first-div"></script>
</div>
<!-- div #2-->
<div style="width:200px; height:200px;">
  <script src="myScript.js" data-div-tag="second-div"></script>
</div>

然后在myScript.js里这样获取：

// 兼容旧浏览器的写法：如果currentScript不支持，就取最后一个加载的script
const currentScript = document.currentScript || document.scripts[document.scripts.length - 1];
const divTag = currentScript.dataset.divTag;
const targetDiv = currentScript.parentNode;

console.log(`识别到标记为${divTag}的div节点:`, targetDiv);

这个方法的优势是标识更直观，你可以自定义每个div的唯一标记，兼容性也更好。

方案3：利用DOM节点的位置关系（适合固定结构） #

如果你的div结构非常固定（比如每个div里只有这一个script元素），也可以通过遍历DOM的方式定位，但这个方法不如前两种可靠，比如：

// 找到所有包含script的div（示例）
const allDivs = document.querySelectorAll('div');
allDivs.forEach((div, index) => {
  const hasMyScript = div.querySelector('script[src="myScript.js"]');
  if (hasMyScript) {
    console.log(`第${index+1}个目标div:`, div);
  }
});

不过这种方法容易受DOM结构变化影响，除非你的页面结构不会改动，否则优先选前两种方案。

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