Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/463.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从JS添加HTML不会';行不通_Javascript_Html_Innerhtml_Listeners - Fatal编程技术网

Javascript 从JS添加HTML不会';行不通

Javascript 从JS添加HTML不会';行不通,javascript,html,innerhtml,listeners,Javascript,Html,Innerhtml,Listeners,我正在使用一些现成的HTML颜色选择器。 当我在HTML中添加它时,它就工作了。 但当我从javascript(点击按钮后)添加innerHTML时,它就不起作用了。 正如我看到的,当HTML启动时,一些监听器(或者其他东西)正在自动添加。 我能做什么 代码JSP: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

我正在使用一些现成的HTML颜色选择器。 当我在HTML中添加它时,它就工作了。 但当我从javascript(点击按钮后)添加innerHTML时,它就不起作用了。 正如我看到的,当HTML启动时,一些监听器(或者其他东西)正在自动添加。 我能做什么

代码JSP:

<html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
      <title>Insert title here</title>
      <%--color picker --%>
      <script type="text/javascript" src="jscolor.js"></script>
      <script type="text/javascript">
         function add() {
            document.body.innerHTML += "<input id=\"zaz1\" size=\"5\" class=\"color\" value=\"000000\"> ";
         }
      </script>
   </head>
   <body>
      <input id="zaz" size="5" class="color" value="000000">
      <p onclick="add()">add</p>
   </body>
</html>

在此处插入标题
函数add(){
document.body.innerHTML+=“”;
}
添加


好的,我理解为什么这不起作用

您需要jscolor zip中包含的图像

因此,将jscolor.js、htlm文件和所有给定的图像放在同一个文件夹中


当您出现这种错误时,请在浏览器的开发工具中查看控制台,我的浏览器特别告诉我丢失了哪些文件。

请给出一些示例代码。颜色选择器是否有初始化小部件的方法?如果是这样的话,您需要调用它。而不是附加到正文中,您是否最好创建一个div来包含新内容,并按类或ID引用它?例如:document.getElementById(“新div”).innerHTML=“value”;尝试以下操作:

add

并在函数
add()
的开头放一个aler,看看函数是否被调用:
function add(){alert('called function');document.body.innerHTML+=“;}
我同意格雷厄姆的评论。这不是最好的方法,但是,当我把它放在一个小提琴和一个空白页面上时,您发布的代码会在页面上添加000000的输入框。那么,什么对你不起作用呢?