【问题标题】:How do I make an image overwrite text within another div upon hover of first div?如何在第一个 div 悬停时使图像覆盖另一个 div 中的文本?
【发布时间】:2011-11-23 20:19:52
【问题描述】:

如何在第一个 div 悬停时让图像覆盖另一个 div 中的文本? ?非常感谢任何帮助。

【问题讨论】:

    标签: javascript image html hover overwrite


    【解决方案1】:
    window.onload = function () { // ensure that we don't try to get div1 before it's loaded
        document.getElementById("div1").onmouseover = function () {
            document.getElementById("div2").innerHTML = "<p>new HTML</p>";
        };
    };
    

    根据您的情况,您可能希望使用 innerText 属性来确保不会意外制作 HTML,或者您可以use the DOM 制作新元素。

    【讨论】:

    • 不要忘记 onmouseout 事件,以防您希望它返回原始 HTML
    猜你喜欢
    • 1970-01-01
    • 2014-05-12
    • 1970-01-01
    • 1970-01-01
    • 2013-04-13
    • 2013-10-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多