html - 使用内部 Html 更改 Div 不起作用

Question

我正在尝试使用 Inner Html 更改 div 内容，但它不起作用

我已经给出了小提琴中的代码，请检查并纠正任何人

我用函数来改变

<div id="divd"> <img src="images/A.Png" /> </div>
<button onclick='changeMe()'>Click It</button>

我的小提琴代码在这里小提琴代码

期待快速回复

提前致谢

Answer 1

这是你的代码：

HTML

<div id="divd"> <img src="../img/logo.png" /> </div>
<button onclick='changeMe()'>Click It</button>

JS：

function changeMe() {
    var div = document.getElementById('divd').innerHTML;
    if (div === "<img src="images/A.Png"/>" 
        {
        document.getElementById('divd').innerHTML = "a href='www.google.com'>Hello</a>"
    } else 
    {
        document.getElementById('divd').innerHTML = "<img src="images/B.Png" />"
    }
}

---

以下是问题：

• 替换 "<img src="images/A.Png"/>"为'<img src="images/A.Png"/>')

• 将"<img src="images/B.Png"/>"替换为'<img src="images/B.Png" />'

• changeMe 功能应该在 dom 就绪时可用。

相信其他问题（例如链接错误）会得到解决，这是一个：

更新的工作演示

Answer 2

1. 您没有转义"字符串中的字符。而不是写

   "<img src="images/A.Png"/>"
   

   要么用反斜杠转义双引号，

   "<img src=\"images/A.Png\"/>"
   

   或使用单引号字符串

   '<img src="images/A.Png"/>'
   

2. 你<从一开始就错过了一个"a href='www.google.com'>Hello</a>"。

3. 您使用的是 HTML 还是 XHTML？如果是前者，不要使用自闭合标签（比如<img.../>它们不适合 IE。

以上建议是我通过快速查看您的代码发现的。我建议您熟悉您的浏览器开发工具，因为它们很可能会帮助您自己找出所有这些，而无需您将代码发布到互联网上。