Replace Footer Element

Replaces the footer element on the page with the new one.

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(Tôi đã có Trình quản lý tập lệnh người dùng, hãy cài đặt nó!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

// ==UserScript==
// @name         Replace Footer Element
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Replaces the footer element on the page with the new one.
// @author       You
// @match        https://vanced-youtube.neocities.org/2011/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Function to replace the footer element
    function replaceFooter() {
        var newFooterHTML = `
            <div class="ctr-p" data-jiis="bp" id="footer">
                <div id="footcnt">
                    <style>
                        /* Add the CSS styles for the new footer content here */
                        /* ... */
                    </style>
                    <div class="_dQc _E2" id="fbar">
                        <div class="fbar">
                            <span id="fsr">
                                <a class="_Gs" href="//www.google.com/intl/en/policies/privacy/?fg=1">Privacy</a>
                                <a class="_Gs" href="//www.google.com/intl/en/policies/terms/?fg=1">Terms</a>
                                <span style="display:inline-block;position:relative">
                                    <a class="_Gs" href="https://www.google.com/preferences?hl=en" id="fsettl" aria-controls="fsett" aria-expanded="false" role="button" jsaction="foot.cst">Settings</a>
                                    <span id="fsett" style="display:none">
                                        <a href="https://www.google.com/preferences?hl=en&amp;fg=1">Search settings</a>
                                        <span data-jibp="h" data-jiis="uc" id="advsl">
                                            <a href="/advanced_search?hl=en&amp;fg=1">Advanced search</a>
                                        </span>
                                        <a href="/history/optout?hl=en&amp;fg=1">  History </a>
                                        <a href="//support.google.com/websearch/?p=ws_results_help&amp;hl=en&amp;fg=1">Search Help</a>
                                        <a href="javascript:void(0)" data-bucket="websearch" id="_Yvd" target="_blank" jsaction="gf.sf" data-ved="0CAoQLmoVChMIrpSVkfrPxwIVgnU-Ch02ig9E">  Send feedback </a>
                                    </span>
                                </span>
                            </span>
                            <span id="fsl">
                                <a class="_Gs" href="//www.google.com/intl/en/ads/?fg=1">Advertising</a>
                                <a class="_Gs" href="//www.google.com/services/?fg=1">Business</a>
                                <a class="_Gs" href="//www.google.com/intl/en/about.html?fg=1">About</a>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        `;

        var footerDiv = document.getElementById("footer");
        if (footerDiv) {
            footerDiv.outerHTML = newFooterHTML;
        }
    }

    // Run the function once the DOM is ready
    document.addEventListener("DOMContentLoaded", replaceFooter);
})();