时间戳

首页 > 解决方案 > 使用 JavaScript 获取 Bootstrap 创建的元素

javascript - 使用 JavaScript 获取 Bootstrap 创建的元素

问题描述

我试图在 JS 中获取由 Bootstrap 创建的元素，但它总是给我一个undefined响应。因为元素是这样的

<input class="form-control form-control-sm search-input" type="search" placeholder="Cerca" autocomplete="off">

所以没有ID，我尝试使用类，如下所示：

window.addEventListener('load', function() {
    console.log('loaded ' + document.getElementsByClassName("form-control-sm")[0])
    
})

但不工作。有人能帮我吗？

标签： javascripthtmlbootstrap-4

解决方案

你说id属性不起作用，有什么解释吗？无论如何，这应该工作......

<input id="searchbar" class="form-control form-control-sm search-input" type="search" placeholder="Cerca" autocomplete="off">

JS：

window.addEventListener('load', (event) => {
    document.getElementsById("searchbar");
});

在参数中使用双引号

注意：加载事件将确保页面在获取元素之前已完全加载...

推荐阅读