Question

我想获得一个随机生成的特定div id。如果我不知道生成随机id的代码，如何捕获随机div id与另一个函数一起使用？非常感谢！

HTML：

<html> 
<head> ... </head> 
<body> 
<div id="mybarxxxxx" style="height: 23px; ">... </div> 
</body>
</html>

Answer 1

要获取特定div的DOM元素，您必须了解它的唯一标识其在DOM中的位置。这可以是ID，唯一的类名，层次结构中其他已知元素下的位置（例如#header下的第三个div），唯一的属性，内容等......

例如，如果它是具有id = header的元素下的第一个div，那么您可以使用这种代码：

var header = document.getElementById("header");
var firstDivElement = header.getElementsByTagName("div")[0];

或者，如果它是文档中的第三个div，您可以这样做：

var thirdDivElement = document.getElementsByTagName("div")[2];

如果您显示正在查找的实际HTML并告诉我们您要获取哪个元素，我们可以更具体地提供建议。

如果要隐藏文档中的第一个div，可以使用：

document.body.getElementsByTagName("div")[0].style.display = "none";

如果你想隐藏文件中以“mybar”开头的第一个div，你只能使用普通的javascript，你可以使用：

function hideFirstMyBarDiv() {
    var divs = document.body.getElementsByTagName("div");
    for (var i = 0, len = divs.length; i < len; i++) {
        if (divs[i].id.indexOf("mybar") == 0) {
            divs[i].style.display = "none";
            return;
        }
    }
}

所有这些代码示例必须在加载文档后执行。您可以将代码放在<script>末尾的<body>标签中（在所有HTML之后），或者通过侦听表示文档已加载的事件。

获取之前随机生成的div id

1 个答案: