请问老师，这个里面的参数是什么用法，有些不太明白
这位老师讲课风格我好喜欢~
*******************老师，注释的快捷键是啥*********
老师怎么新建文件呀？属实没找到
老师我的哪里有错误呢？一删除就会把表格全部删掉
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> tr{ height: 65px; } td ,th{ width: 150px; text-align: center; } </style> <script> function addNode(){ //获得table对象 var tab=document.getElementById("tab"); //创建tr节点对象 var tr=document.createElement("tr"); //创建td对象 var td=document.createElement("td"); td.innerHTML="<input type='text' size='10px' onblur='seaveVal(this)' />"; var td2=document.createElement("td"); td2.innerHTML="<input type='text' size='10px' onblur='seaveVal(this)' />"; var td3=document.createElement("td"); td3.innerHTML="<input type='button' value='添加' />"+ "<input type='button' value='删除' onclick='removeNode(this)' />"; tab.appendChild(tr); tab.appendChild(td); tab.appendChild(td2); tab.appendChild(td3); } function seaveVal(thi){ //获得父亲级节点 var td=thi.parentNode; td.innerText=thi.value(); } function removeNode(thi){ //获得tr节点 var tr=thi.parentNode.parentNode; tr.remove(); } </script> </head> <body> <table border="1px" align="center" id="tab"> <tr> <th>图书名称</th> <th>图书价格</td> <th>操作</th> </tr> <tr> <td>javaSE</td> <td>19</td> <td> <input type="button" name="" id="" value="添加" onclick="addNode()" /> <input type="button" name="" id="" value="删除" onclick="removeNode(this)" /> </td> </tr> <tr> <td>javaEE</td> <td>39</td> <td> <input type="button" name="" id="" value="添加" onclick="addNode()" /> <input type="button" name="" id="" value="删除" onclick="removeNode(this)" /> </td> </tr> </table> </body> </html>
老师为什么前后不统一呢?
老师 怎么每次都有warp
老师，怎么我的按钮没有反应呢？
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> /*****Location对象学习********/ function testLocation(){ var href=window.location.href; var hostname=window.location.hostname; var port=window.location.port; var host=window.location.host; alert(href+"--"+hostname+"--"+port+"--"+host); } </script> </head> <body> <p> <input type="button" name="" id="" value="Location对象" onclick="testLocation" /> </p> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> tr{ height: 70px; } th, td{ width: 150px; text-align: center; } </style> <script> function addNode() { //获得表格对象 var tab = document.getElementById("tab"); //创建tr对象 var tr = document.createElement("tr"); //创建td对象 var td1 = document.createElement("td"); var td2 = document.createElement("td"); var td3 = document.createElement("td"); tab.appendChild("tr"); tr.appendChild("td1"); tr.appendChild("td2"); tr.appendChild("td3"); } </script> </head> <body> <table id="tab" align="center" border="1px"> <tr> <th>图书名称</th> <th>图书价格</th> <th>操作</th> </tr> <tr> <td>javaSE</td> <td>15</td> <td> <input type="button" value="添加" onclick="addNode()"/> <input type="button" value="删除" /> </td> </tr> <tr> <td>javaEE</td> <td>15</td> <td> <input type="button" value="添加" onclick="addNode()" /> <input type="button" value="删除" /> </td> </tr> </table> </body> </html>
自己的js怎么没有让第一行变红？什么优先级？
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script> function addNode(){ //获得表单对象 var fom=document.getElementById(fom); //创建节点的方法 var p = document.createElement("p"); var inp = document.createElement("input"); inp.type="file"; var inp2 = document.createElement("input"); inp2.type="button"; inp2.value="删除"; //添加节点对象 fom.appendChild(p); p.appendChild(inp); p.appendChild(inp2); inp2.onclick=function() { p.removeChild(inp); p.removeChild(inp2); p.remove(); } //获得最后一个节点对象 // var lastNode=document.getElementById("lastNode"); //在指定元素之前添加 fom.insertBefore(p,lastNode); p.appendChild(inp); p.appendChild(inp2); } </script> </head> <body> <form id="fom"> <p> 用户名：<input type="text" /> </p> <p> 照片:<input type="file" /> <input type="button" value="添加" onclick="addNode()" /> </p> <p id="lastNode"> <input type="button" name="" id="" value="提交" /> <input type="button" name="" id="" value="清空" /> </p> </form> </body> </html>
老师，这里我一点添加然后就报错，可以帮我看看代码哪里有问题吗？
京东demo.rar
老师，我这里数量加1后，价格变成NAN
还有个问题 在编辑一个html文件时 不出现不全提示 <script>没反应 唯独这个隔行变色案例
两种方法背景颜色都不变颜色 请老师看一下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
div{
height: 200px;
border: 3px solid red;
}
</style>
<script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function(){
//div下面包括的所有sapn标签
//$("div sapn").css("background-color","#FF0000");
//div下面的直系子元素
$("div>sapn").css("background-color","green");
})
</script>
</head>
<body>
<div>
<span>北京尚学堂</span><br/>
<p>
</p>
</div>
</body>
</html>
<html> <head> <title>jQuery操作表格</title> <meta charset="UTF-8"/> <!--声明css代码域--> <style type="text/css"> tr{ height: 40px; } </style> <script type="text/javascript" src="js/jquery-1.9.1.js" ></script> <script src="js/gwc.js" type="text/javascript"> </script> </head> <body> <h3>jQuery操作表格</h3> <hr /> <input type="button" id="fx" value="反选" /> <input type="button" id="addRow" value="新增一行" /> <input type="button" id="delRow" value="删除行" /> <input type="button" id="copyRow" value="复制行" /> <table border="1px" cellpadding="10px" cellspacing="0" id="ta"> <tr> <td width="50px"><input type="checkbox" name="chks" id="chks" value="1" /></td> <td width="200px">书名</td> <td width="200px">作者</td> <td width="200px">数量</td> <td width="200px">操作</td> </tr> <tr id=""> <td><input type="checkbox" name="chk" id="" value="2"/></td> <td>《Java编程之道》</td> <td>wollo</td> <td>10</td> <td> <input type="button" name="aa" id="" value="修改数量" /> <input type="button" name="" id="" value="删除" /> </td> </tr> <tr> <td><input type="checkbox" name="chk" id="" value="3" /></td> <td>《Python和我的故事》</td> <td>赵老师</td> <td>10</td> <td> <input type="button" name="" id="" value="修改数量" /> <input type="button" name="" id="" value="删除" /> </td> </tr> <tr> <td><input type="checkbox" name="chk" id="" value="4" /></td> <td>《web开发详解》</td> <td>张老师</td> <td>30</td> <td> <input type="button" name="" id="" value="修改数量" /> <input type="button" name="" id="" value="删除" /> </td> </tr> </table> </body> </html> //下面是jq配置 $(function(){ $("#chks").click(function(){ var flag = $(this).prop("checked"); $("input[name=chk]").prop("checked",flag); }) $("input[name=chk]").click(function(){ var flag =true; var chk = $("input[name=chk]"); chk.each(function(){ if(!$(this).prop("checked")){ flag=false; return; } }) $("#chks").prop("checked",flag); }) $("#fx").click(function(){ var chk = $("input[type=checkbox]"); chk.each(function(){ var flag = $(this).prop("checked"); $(this).prop("checked",!flag); }) $("#addRow").click(function(){ var tab = $("#ta"); tab.append('<tr id="">'+ '<td><input type="checkbox" name="chk" id="" value="2"/></td>'+ '<td>《Java编程之道》</td>'+ '<td>wollo</td>'+ '<td>10</td>'+ '<td>'+ '<input type="button" name="aa" id="" value="修改数量" />'+ '<input type="button" name="" id="" value="删除" />'+ '</td>'+ '</tr>') }) }) })
老师麻烦你帮我看一下这个代码是怎么回事呢？
我最后 新增一行那里 ，代码写完刷新之后 点新增一行没有反应，必须先点一下 反选框，再点新增一行才能新增一行，而且 反选框点一次，新增就一次新增一行。如果反选框被点了2次，那么我再点新增一行，就会一次性新增两行了。就是反选框被点几次，新增就会一次新增几行。。。
非常抱歉给您带来不好的体验！为了更深入的了解您的学习情况以及遇到的问题，您可以直接拨打投诉热线：
我们将在第一时间处理好您的问题！
关于
课程分类
百战程序员微信公众号
百战程序员微信小程序
©2014-2025百战汇智（北京）科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园网站维护：百战汇智（北京）科技有限公司 京公网安备 11011402011233号 京ICP备18060230号-3 营业执照 经营许可证：京B2-20212637
京公网安备 11011402011233号