如何对div结果进行即时搜索？

<input type="text" id="searchInput" placeholder="Search...">
<div id="content">
    <p>Apple</p>
    <p>Banana</p>
    <p>Cherry</p>
    <!-- More content -->
</div>
<div id="results"></div>

document.getElementById('searchInput').addEventListener('input', function(e) {
    const searchValue = e.target.value.toLowerCase();
    const content = document.getElementById('content');
    const resultsDiv = document.getElementById('results');
    resultsDiv.innerHTML = ''; // Clear previous results

    if (searchValue) {
        const matches = content.querySelectorAll(`p:contains("${searchValue}")`);
        matches.forEach(match => {
            const clone = match.cloneNode(true);
            clone.style.display = 'block';
            resultsDiv.appendChild(clone);
        });
    }
});