我想在 javascript 代码中调用多个 id,因此我不必为每个Show More 按钮创建不同的代码:
<p><a href="javascript:mostrar();">Mostrar</a></p><div id="flotante"style="display:none;"><div id="close"><a href="javascript:cerrar();">cerrar</a></div> --CONTENIDO--</div>
我已经尝试过但它不起作用,我也尝试过 ByClassName 但它也不起作用,有人知道该怎么做吗?javascript代码
function mostrar() {
div = document.getElementById('flotante');
div.style.display = '';
}
function cerrar() {
div = document.getElementById('flotante');
div.style.display = 'none';
}
通常,当一个元素通过它的 id 搜索时,它通常是唯一的,如果不是,使用
class
而不是id
变得更合乎逻辑,但是,如果需要选择多个元素,可以使用 来完成document.querySelectorAll
,例如澄清:忽略纯粹来自示例的片段的css
但是,正如我在答案开头提到的那样,如果没有阻止您这样做的特殊要求,理想的情况是使用
class
,因为将相同的行为应用于多个id
, 将是相同的,对吗?为此,代码段可能如下:
是的,getElementById 只返回 1 个值。如果您将 class="float" 添加到您的 div 中,您可以获得包含任何选项的列表: