内部HTML repalce不工作添加到任何

时间:2016-04-16 07:12:35

标签: javascript share

花了很多时间,并且不理解这种行为。任何建议将不胜感激。

如果你看下面你加载这个代码,你会看到共享的工具栏添加到page.js包含控件的任何插件。

你可以看到我在底部注释了一个foo栏。加载后效果很好。我按下了按钮,foo变成了一个酒吧。当我加载整个div虽然我试图最终通过插入表单中的内容更改文本。一个奇怪的事情发生在任何按钮消失的整个添加。知道为什么吗?是否重新加载页面并且无法获取.js文件或类似的奇怪内容?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" src="//static.addtoany.com/menu/page.js"></script>
<script>
function second(){
//document.getElementById('hello').innerHTML = 'bar';
document.getElementById('hello').innerHTML = '<div class=\"a2a_kit a2a_kit_size_32 a2a_default_style\"> <a class=\"a2a_dd\" href=\"https://www.addtoany.com/share\"></a></div>';
};
</script>
</head>
<body>
<form>
<input type="text" name="foo" id="foo"></input>
<input type="button" onClick="second();first();"></input>
</form>
<div id="hello"></div>
</body>
<script type="text/javascript">
document.getElementById('hello').innerHTML = '<div class=\"a2a_kit a2a_kit_size_32 a2a_default_style\"><a class=\"a2a_dd\" href=\"https://www.addtoany.com/share\"></a></div>';                   
//document.getElementById('hello').innerHTML = 'foo';
</script>
</html>

0 个答案:

没有答案