在JavaScript中，id是一种用于标识元素的属性。通过id，开发者可以在脚本中找到特定的元素并对其进行操作。但是，有时候我们需要在id中使用小数点来表示元素的层级关系，这时候就需要注意一些细节问题。

在HTML文件中，id属性通常使用字母、数字和下划线来命名，但是小数点也是一种有效的字符。例如：

<div id="parent">
<div id="child.1"></div>
<div id="child.2"></div>
</div>

在上面的例子中，我们定义了一个父元素和两个子元素，子元素的id中包含了小数点。如果我们想要在JavaScript代码中对这些子元素进行操作，可以使用以下语句：

var child1 = document.getElementById("child.1");
var child2 = document.getElementById("child.2");

在这种情况下，JavaScript可以正确地找到包含小数点的id，并返回相应的元素。

然而，需要注意的是，在有些浏览器中，使用小数点作为id的一部分可能会出现问题。比如说，在旧版的Internet Explorer中，使用小数点会导致语法错误。此外，一些JavaScript库也可能无法正确处理包含小数点的id。

为了避免这些问题，我们可以使用下划线或者驼峰命名法来替代小数点。例如：

<div id="parent">
<div id="child_1"></div>
<div id="child_2"></div>
</div>

这时候，JavaScript代码可以这样写：

var child1 = document.getElementById("child_1");
var child2 = document.getElementById("child_2");

总结来说，尽管在JavaScript中使用小数点作为id的一部分是合法的，但在某些情况下可能会导致问题。为了保证代码的兼容性和可维护性，建议使用下划线或者驼峰命名法来代替小数点。