Javascript 如何访问在脚本中创建的元素？_Javascript

Javascript 如何访问在脚本中创建的元素？

javascript

Javascript 如何访问在脚本中创建的元素？,javascript,Javascript,在下面的函数中，我创建了具有切换按钮和移除按钮的卡。但是，当我尝试使用queryselector访问按钮时，我得到null。有人知道如何访问在不同文件中创建的元素吗？如果需要，我可以提供完整的文件 function updateDisplay() { for (i = 0; i < myLibrary.length; i++){ let div = document.createElement('div'); let title = document.createE

在下面的函数中，我创建了具有切换按钮和移除按钮的卡。但是，当我尝试使用queryselector访问按钮时，我得到null。有人知道如何访问在不同文件中创建的元素吗？如果需要，我可以提供完整的文件

function updateDisplay() {
    for (i = 0; i < myLibrary.length; i++){
    let div = document.createElement('div');
    let title = document.createElement('h5');
    let author = document.createElement('h5');
    let pages = document.createElement('h5');
    let isRead = document.createElement('h5');
    let removeButton = document.createElement('button');
    let toggleButton = document.createElement('button');
    div.classList.add('card');
    title.classList.add('title');
    author.classList.add('author');
    pages.classList.add('pages');
    isRead.classList.add('isRead');
    removeButton.classList.add('removeButton');
    toggleButton.classList.add('toggleButton');
    title.textContent = myLibrary[i].title;
    author.textContent = myLibrary[i].author;
    pages.textContent = `${myLibrary[i].pages} pages`;
    isRead.textContent = myLibrary[i].isRead ? 'Read' : 'Unread';
    removeButton.textContent = 'Remove';
    toggleButton.textContent = 'Toggle Read Status';

函数updateDisplay（）{
对于（i=0；i

您的问题很明显，您正在创建元素，但没有将元素附加到主体中。您必须附加创建的每个元素，如以下示例所示：

var element= document.createElement("div");            // Create a <div> element
element.innerHTML = "some content";                   // Insert text
document.body.appendChild(element);                  // Append <div> to <body>

var element=document.createElement（“div”）；//创建一个元素
element.innerHTML=“某些内容”；//插入文本
document.body.appendChild（元素）；//追加到

注意，您可以执行

document.body.append（div、title、author、pages、isRead、removeButton、toggleButton）；

将它们全部追加到一行中

欢迎来到SO。看一看。听起来你试图在创建它们之前引用它们……很难猜测提供了什么。而且你的代码不完整。。。。。