问下关于TypeError, Object [object Object] has no method 'appendChild' 的问题

Inuyashazc 2013-02-16 10:16:13

var reader_magazine = $("reader_magazine");
for ( var i = 0; i < typeAll.length; i++) {
for ( var j = 0; j < typeOne.length; j++) {
if (typeAll[i] == typeOne[j]) {
var checkBox = document.createElement("input");
checkBox.setAttribute("type","checkbox");
checkBox.setAttribute("id", typeOne[j]);
checkBox.setAttribute("name", "typeBox");
reader_magazine.appendChild(checkBox);
}
}
}

这是我的js代码部分~~我觉得没什么问题~但是一直会报错TypeError, Object [object Object] has no method 'appendChild' 求指点
...全文
850 7 点赞 打赏 收藏 举报
写回复
7 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
Inuyashazc 2013-02-18
引用 6 楼 suciver 的回复:
appendChild是js的对象才有的jquery的对象使用append。楼主检查下你var reader_magazine = $("reader_magazine"); reader_magazine有东西吗。是不是一个html元素
嗯后来我查了下不是这个问题,$("reader_magazine"); 貌似这个不能用的,要用doucument那个方法来获取就可以了
  • 打赏
  • 举报
回复
Inuyashazc 2013-02-16
引用 4 楼 fangmingshijie 的回复:
你这个对象不一样,你用jquery的对象添加js的对象,当然报错了,改为reader_magazine.append(checkBox);或者reader_magazine.appendTo(checkBox);试试
试了~~都不报错了~但是都是跟add一样毫无反应~~
  • 打赏
  • 举报
回复
你这个对象不一样,你用jquery的对象添加js的对象,当然报错了,改为reader_magazine.append(checkBox);或者reader_magazine.appendTo(checkBox);试试
  • 打赏
  • 举报
回复
Inuyashazc 2013-02-16
引用 1 楼 fangmingshijie 的回复:
没有这个方法,改为reader_magazine.add(checkBox);试下
以下我是在另一个页面测试的代码~

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'testcheckBoz.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
    <script type='text/javascript' src='<%=basePath%>/dwr/engine.js'></script>
    <script type='text/javascript' src='<%=basePath%>/dwr/util.js'></script>
	<script type="text/javascript">
    function getEle(){
    	var executerDiv = $("executerDiv");
    	for (var i=0;i<5;i++) {
	    	var checkBox=document.createElement("input");
	        checkBox.setAttribute("type","checkbox");
	        checkBox.setAttribute("id",i);
	        checkBox.setAttribute("name", "typeBox");
	        checkBox.checked = true;
	        executerDiv.appendChild(checkBox);
	        executerDiv.appendChild(document.createTextNode(i));
    	}
    }
    
    function getValue() {
    	var box = document.getElementsByName("typeBox");
    	for (var i = 0 ; i < box.length ; i++) {
    		alert(box[i].id);
    		if (box[i].checked == true) {
    			alert("被选中的:" + box[i].id);
    		}
    	}
    }
    </script>
	
  </head>
  
  <body>
    <div id="executerDiv"></div>
    <input type="button" onclick="getEle()" value="生成checkbox">
    <input type="button" onclick="getValue()" value="跳出选中的checkbox">
  </body>
</html>


  • 打赏
  • 举报
回复
Inuyashazc 2013-02-16
引用 1 楼 fangmingshijie 的回复:
没有这个方法,改为reader_magazine.add(checkBox);试下
我试了改成.add,不报错了,但是不会显示checkbox~~~就是空白的像什么都没发生~ 我之前自己创建过一个很单纯的页面里面就直接用上面的'appendChild' 这个方法,是可以运行的~~但是为什么一到这里就这样了。。。请大神们求指点下~~
  • 打赏
  • 举报
回复
没有这个方法,改为reader_magazine.add(checkBox);试下
  • 打赏
  • 举报
回复
suciver 2013-02-16
appendChild是js的对象才有的jquery的对象使用append。楼主检查下你var reader_magazine = $("reader_magazine"); reader_magazine有东西吗。是不是一个html元素
  • 打赏
  • 举报
回复
相关推荐
发帖
Web 开发
加入

8.0w+

社区成员

Java Web 开发
申请成为版主
帖子事件
创建了帖子
2013-02-16 10:16
社区公告
暂无公告