Question

我正在尝试使用内部Html更改div内容，但它无法正常工作

我已将代码放在小提琴中，请检查并更正任何人

我使用函数来改变

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

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

期待快速回复

提前致谢

Answer 1

您没有在字符串中转义"个字符。而不是写
```
"<img src="images/A.Png"/>"
```
使用反斜杠转义双引号，
```
"<img src=\"images/A.Png\"/>"
```
或使用单引号字符串
```
'<img src="images/A.Png"/>'
```
您从<开头就错过"a href='www.google.com'>Hello</a>"。
您使用的是HTML还是XHTML？如果是前者，请不要使用自动关闭标签（例如<img.../>，因为它们与IE不相称。

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

Answer 2

这是你的代码：

<强> 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" /＆gt;“替换为'<img src="images/B.Png" />'
在准备就绪时，应该可以使用changeMe功能。

相信其他问题，例如链接错误，将会得到解决，这里是：

UPDATED WORKING DEMO

使用Inner Html更改Div不起作用

2 个答案: