Javascript 从JS添加HTML不会';行不通
我正在使用一些现成的HTML颜色选择器。 当我在HTML中添加它时,它就工作了。 但当我从javascript(点击按钮后)添加innerHTML时,它就不起作用了。 正如我看到的,当HTML启动时,一些监听器(或者其他东西)正在自动添加。 我能做什么 代码JSP: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>
<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的输入框。那么,什么对你不起作用呢?