js不能在手机上运行，​​但在我的电脑上

Question

我正在构建一个 AJAX 搜索系统，并且在我的计算机上一切正常，但后来我在手机上尝试了它，但它不起作用。 然后我尝试了 console.log 并记录了这些工作，但其他事情没有。

const btn = document.createElement('button')
btn.innerText = 'hallo'
btn.id = 'test'

document.getElementById('content').append(btn)

const btnEl = document.getElementById('test')
btnEl.addEventListener('click', ()=>
{
    alert('hallo')
})

我用 JS 构建了这个简单的按钮来测试它是否可以工作，在我的电脑上它工作得非常好，但是在移动设备上这个按钮甚至没有显示

这是AJAX代码的一部分

suche = ()=>
{

    let xhr = new XMLHttpRequest()
    this.daten = [];

    let produkteEntfernen = ()=>
    {
        //removes already displayed products
    }

    let displayProdukte = ()=>
    {
        //formats the data to html and displays it
    }

    xhr.onreadystatechange = ()=>
    {
        if (xhr.status === 200 && xhr.readyState === 4)
        {
            this.daten = JSON.parse(xhr.response)
            produkteEntfernen()
            displayProdukte()
        }
    }

    buildRequestUrl = ()=>
    {
        //returns the url to send to 
    }

    xhr.open('GET', buildRequestUrl())
    xhr.send()
}

// the name id is from an input field of type text
let shopSuche = document.getElementById('name')

shopSuche.addEventListener('keyup', ()=>
{
    suche()
})

有人知道解决方案或知道我做错了什么吗？

Answer 1

append方法相当新（尽管它的浏览器兼容性非常好，即使在移动设备上也是如此）。

对于较旧的浏览器，您可能需要改用appendChild 。 在上面的代码中，您实际上只需要更改方法名称即可。 （ append比appendChild允许更多种类的参数，但是appendChild支持你所拥有的。）