老师为何我这部分代码不起作用啊?我确定是保存刷新了的。
老师,"href="javascript : viod(0)" "这句代码中的 "javascript : void(0) "为何格式可以这样写?这是属于属于 Js 中那一块的知识点啊?
老师,操作符是什么意思,操作符和运算符有什么区别和联系?我百度了但没有清晰的解释。所以需问下老师。
老师,这里的 for 循环去掉前后两个。前面的循环变量从 1 开始,确实是去掉第一个。但是要去掉最后一个,不应该是 length - 2 嘛?
老师,return 后面跟一个带参数的方法是什么意思?
老师,这里的 .checked 是什么?
老师,为何 Math 为何不用新建对象?
老师,网页中“去结算”那一块的 CSS 样式为何是先整体右浮动再逐个左浮动,不应该是先整体右浮动再逐个右浮动嘛?
.balance_u12 > li{ float:left; } .balance_u12{ float:right; }
老师为什么我选择中国时没有弹出对应的值啊,换火狐,360急速浏览器,谷歌还是一样的,麻烦帮看下哪里错了,谢谢
代码:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> #div1{ width: 200px; height: 200px; border: 2px solid yellowgreen; } </style> <script> function dome1(){ //获得div 的对象 var div= document.getElementById("div1"); //获得文本内容 //会获得html中的内容 var inn=div.innerHTML; //只会获得文本内的信息 var inn2=div1.innerText; //console.log(inn); //console.log(inn2); //会识别html中的信息 //div.innerHTML="<h2>我们没有什么不一样</h2>"; //不会识别html信息,会当做文本内容原封不动的输出 +=:在后面追加值 div.innerText+="<h2>我们没有什么不一样</h2>"; /* 双标签有innerHTML和innerText 单标签获得的时候用value获得(可以查看 04DOM中操作节点对象的属性.html) 特殊标签: select ,textarea */ function demo2(){ //获得select的对象 var sel=document.getElementById("sele"); alert(sel.value); } function demo3(){ var te=document.getElementById("tex"); alert(te.value); } } </script> </head> <body> <div id="div1"> <span>我们不一样</span> </div> <input type="text" value="" name="inp2" id="inp2" /> <hr /> <select id="sele" onchange="demo2()"> <option value="0">--请选择--</option> <option value="1">中国</option> <option value="2">日本</option> </select> <hr /> <textarea rows="20" cols="20" id="tex">sdfsaas1566</textarea> <input type="button" value="操作元素文本内容" onclick="demo3()" /> </body> </html>
老师,为何相邻兄弟选择器和通用兄弟选择器的显示作用不包括“<p id = "p_1">我们不一样<p>”这句代码?
为什么通过name属性访问 select中的属性是 返回的结果为undefined
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> function dom(){ // 获取div对象 var d = document.getElementById("div_1"); //获取内容 /** * innerHTML:获取的是HTML中的所有内容,空白文档 能识别HTML代码 * innerText:获取的只是文档内容 * * 单标签都是使用.value的方式获得 * 需要记忆的是 复选框(dom2) 和 预留文本框 (dom3) */ // var val1 = d.innerHTML; // var val2 = d.innerText; // d.innerHTML = "<h1>茅塞顿开</h1>"; // d.innerText = "<h1>茅塞顿开</h1>"; //在当前位置追加内容 d.innerText += "<h1>茅塞顿开</h1>"; // console.log("innerHTML对象:"+val1); // console.log("innerText对象:"+val2) } function docum2(){ //var sel = document.getElementById("userNo") var sel = document.getElementsByName("sm"); alert(sel.value); } function dom3(){ var tezt = document.getElementById("tex"); alert(tezt.value); } </script> </head> <body> <div id="div_1"> <span>山河剑心</span> </div> <select id="userNo" name="sm" onchange="docum2()"> <option value="0">--请选择--</option> <option value="1">中国</option> <option value="2">美国</option> </select> <input type="button" name="" id="" value="获取内容" onclick="dom()" /><br><br> <!-- <input type="button" name="" id="" value="获取复选框中所选内容" onclick="dom2()" /> --> <textarea id="tex" rows="20" cols="20">2897343380</textarea> <input type="button" name="" id="" value="操作元素的内容" onclick="dom3()" /><br><br> </body> </html>
老师 为什么我浏览器控制台里面什么的不显示啊
试了三个浏览器的不行。但是运行前面课程讲的代码就没有问题,这是什么原因啊
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script> /**数组的遍历**/ function dome1(){ var arr=["bjsxt",123,new Date(),false]; for(var i=0;i<arr.length;i++){ console.log(arr[i]); } } dome1; </script> </head> <body> </body> </html>
360 急速浏览器
火狐:
谷歌:
弱弱的问一下,a标签中的为什么不能强制转换成一个数字呢?
你看下我的代码,操作不了加1 和减1.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/reset.css" /> <link rel="stylesheet" type="text/css" href="css/JD1.css" /> <link rel="stylesheet" type="text/css" href="icon/iconfont.css" /> <script type="text/javascript" src="js/jdjs.js" ></script> </head> <body> <!--导航的开始--> <div class="nav"> <div class="warp"> <ul class="nav_ul1"> <li><a href=""><i class="iconfint"></i>京东首页</a></li> <li><a href="">配送到:成都</a></li> </ul> <ul class="nav_ul2"> <li><a href="">洋洋宝贝</a><span>|</span></li> <li><a href="">我的订单</a><span>|</span></li> <li><a href="">我的京东</a><span>|</span></li> <li><a href="">京东会员</a><span>|</span></li> <li><a href="">企业采购</a><span>|</span></li> <li><a href="">京东手机</a><span>|</span></li> <li><a href="">关注京东</a><span>|</span></li> <li><a href="">客服服务</a><span>|</span></li> <li><a href="">网站导航</a></li> </ul> </div> </div> <!--导航结束--> <!--搜索框--> <div class="search"> <div class="warp"> <img src="img/logo.jpg" /> <div class="search_div"> <input type="text" class="search_text" /> <input type="button" value="搜索" class="search_button"/> </div> </div> </div> <!--搜索框结束--> <!--标题的开始--> <div class="title warp"> <h3>全部商品</h3> <div> <span>配送至:</span> <select> <option>成华区</option> <option>锦江区</option> <option>武侯区</option> <option>金牛区</option> </select> </div> </div> <!--标题的结束--> <!--显示菜单的开始--> <div class="tips warp"> <ul> <li> <input type="checkbox" name="fav" id="all" onclick="checkTest1(this)"/> 全选 </li> <li>商品</li> <li>单价</li> <li>数量</li> <li>小计</li> <li>操作</li> </ul> </div> <!--显示菜单的结束--> <!--商品详情展示开始--> <div class="info warp"> <ul> <li class="info_1"><input type="checkbox" name="fav" onclick="checkTest2()"/></li> <li class="info_2"><img src="img/img1.jpg" width="90"></li> <li class="info_3"><a>京东超市,春秋季儿童休闲服</a></li> <li class="info_4"><a>颜色:灰色+分红</a></li> <li class="info_5">☆ 182.5</li> <li class="info_6"> <button onclick="checkTest3(this,1)">-</button> <input type="text" name="" id="" value="1" /> <button class="bot" onclick="checkTest3(this,2)">+</button> </li> <li class="info_7">☆ 182.5</li> <li> <a>删除</a><br /> <a>已到我的关注</a> </li> </ul> </div> <div class="info warp"> <ul> <li class="info_1"><input type="checkbox" name="fav" onclick="checkTest2()" /></li> <li class="info_2"><img src="img/img2.jpg" width="90"></li> <li class="info_3"><a>京东超市,春秋季儿童休闲服</a></li> <li class="info_4"><a>颜色:灰色+分红</a></li> <li class="info_5">☆ 182.5</li> <li class="info_6"> <button>-</button> <input type="text" name="" id="" value="1" /> <button>+</button> </li> <li class="info_7">☆ 182.5</li> <li> <a>删除</a><br /> <a>已到我的关注</a> </li> </ul> </div> <div class="info warp"> <ul> <li class="info_1"><input type="checkbox" name="fav" onclick="checkTest2()" /></li> <li class="info_2"><img src="img/img3.jpg" width="90"></li> <li class="info_3"><a>京东超市,春秋季儿童休闲服</a></li> <li class="info_4"><a>颜色:灰色+分红</a></li> <li class="info_5">☆ 182.5</li> <li class="info_6"> <button>-</button> <input type="text" name="" id="" value="1" /> <button>+</button> </li> <li class="info_7">☆ 182.5</li> <li> <a>删除</a><br /> <a>已到我的关注</a> </li> </ul> </div> <!--商品详情展示结束--> <!--结算开始--> <div class="balance warp"> <ul class="balance_ul1"> <li> <input type="checkbox" name="fav" id="" value="" onclick="checkTest1(this)"/> 全选 </li> <li><a>删除选中商品</a></li> <li><a>移到我的关注</a></li> <li><a>清楚下柜商品</a></li> </ul> <ul class="balance_ul2"> <li>已选择商品<span>1</span></li> <li>总价 <span>$12</span></li> <li> <button class="butt">去结算</button> </li> </ul> </div> <!--结算结束--> </body> </html>
//判断是否全选 //获得说有的多选择框 var fav=document.getElementsByName("fav"); function checkTest1(th){ var flag =th.checked; // if(flag){ // for(var i in fav){ // fav[i].checked=true; // } // // }else{ // for(var i in fav){ // fav[i].checked=false; // } // } for(var i in fav){ fav[i].checked=flag; } } // 单选决定全选 function checkTest2(){ var flag=true; for(var i=1;i<fav.length-1;i++){ if(!fav[i].checked){ flag=false; break; } } fav[0].checked=flag; fav[fav.length-1].checked=flag; } //控制数量的增加和减少 function checkTest3(th.sig){ // 获得上一个节点 var pre; if(sig=="1"){ pre=th.nextElementSibling; if(Number(pre.value)>0){ pre.value=Number(pre.value)-1; } }else{ pre=th.previousElementSibling; pre.value=Number(pre.value)+1 } }
老师,你看下我的代码,为什么不能全选,我研究好久也没看出来哪里写错了。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/reset.css" /> <link rel="stylesheet" type="text/css" href="css/JD1.css" /> <link rel="stylesheet" type="text/css" href="icon/iconfont.css" /> <script type="text/javascript" src="js/jdjs.js" ></script> </head> <body> <!--导航的开始--> <div class="nav"> <div class="warp"> <ul class="nav_ul1"> <li><a href=""><i class="iconfint"></i>京东首页</a></li> <li><a href="">配送到:成都</a></li> </ul> <ul class="nav_ul2"> <li><a href="">洋洋宝贝</a><span>|</span></li> <li><a href="">我的订单</a><span>|</span></li> <li><a href="">我的京东</a><span>|</span></li> <li><a href="">京东会员</a><span>|</span></li> <li><a href="">企业采购</a><span>|</span></li> <li><a href="">京东手机</a><span>|</span></li> <li><a href="">关注京东</a><span>|</span></li> <li><a href="">客服服务</a><span>|</span></li> <li><a href="">网站导航</a></li> </ul> </div> </div> <!--导航结束--> <!--搜索框--> <div class="search"> <div class="warp"> <img src="img/logo.jpg" /> <div class="search_div"> <input type="text" class="search_text" /> <input type="button" value="搜索" class="search_button"/> </div> </div> </div> <!--搜索框结束--> <!--标题的开始--> <div class="title warp"> <h3>全部商品</h3> <div> <span>配送至:</span> <select> <option>成华区</option> <option>锦江区</option> <option>武侯区</option> <option>金牛区</option> </select> </div> </div> <!--标题的结束--> <!--显示菜单的开始--> <div class="tips warp"> <ul> <li> <input type="checkbox" name="fav" id="all" onclick="checkTest1(this)"/> 全选 </li> <li>商品</li> <li>单价</li> <li>数量</li> <li>小计</li> <li>操作</li> </ul> </div> <!--显示菜单的结束--> <!--商品详情展示开始--> <div class="info warp"> <ul> <li class="info_1"><input type="checkbox" name="fav"/></li> <li class="info_2"><img src="img/img1.jpg" width="90"></li> <li class="info_3"><a>京东超市,春秋季儿童休闲服</a></li> <li class="info_4"><a>颜色:灰色+分红</a></li> <li class="info_5">☆ 182.5</li> <li class="info_6"> <button>-</button> <input type="text" name="" id="" value="1" /> <button>+</button> </li> <li class="info_7">☆ 182.5</li> <li> <a>删除</a><br /> <a>已到我的关注</a> </li> </ul> </div> <div class="info warp"> <ul> <li class="info_1"><input type="checkbox" name="fav"/></li> <li class="info_2"><img src="img/img2.jpg" width="90"></li> <li class="info_3"><a>京东超市,春秋季儿童休闲服</a></li> <li class="info_4"><a>颜色:灰色+分红</a></li> <li class="info_5">☆ 182.5</li> <li class="info_6"> <button>-</button> <input type="text" name="" id="" value="1" /> <button>+</button> </li> <li class="info_7">☆ 182.5</li> <li> <a>删除</a><br /> <a>已到我的关注</a> </li> </ul> </div> <div class="info warp"> <ul> <li class="info_1"><input type="checkbox" name="fav"/></li> <li class="info_2"><img src="img/img3.jpg" width="90"></li> <li class="info_3"><a>京东超市,春秋季儿童休闲服</a></li> <li class="info_4"><a>颜色:灰色+分红</a></li> <li class="info_5">☆ 182.5</li> <li class="info_6"> <button>-</button> <input type="text" name="" id="" value="1" /> <button>+</button> </li> <li class="info_7">☆ 182.5</li> <li> <a>删除</a><br /> <a>已到我的关注</a> </li> </ul> </div> <!--商品详情展示结束--> <!--结算开始--> <div class="balance warp"> <ul class="balance_ul1"> <li> <input type="checkbox" name="fav"/> 全选 </li> <li><a>删除选中商品</a></li> <li><a>移到我的关注</a></li> <li><a>清楚下柜商品</a></li> </ul> <ul class="balance_ul2"> <li>已选择商品<span>1</span></li> <li>总价 <span>$12</span></li> <li> <button class="butt">去结算</button> </li> </ul> </div> <!--结算结束--> </body> </html>
//判断是否全选 function checkTest1(th){ var flag =th.checked; //获得说有的多选择框 var fav=document.getElementsByName("fav"); if(flag){ for(var i in fav){ fav[i].checked=true; }else{ for(var i in fav){ fav[i].checked=false; } } }
非常抱歉给您带来不好的体验!为了更深入的了解您的学习情况以及遇到的问题,您可以直接拨打投诉热线:
我们将在第一时间处理好您的问题!
关于
课程分类
百战程序员微信公众号
百战程序员微信小程序
©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园网站维护:百战汇智(北京)科技有限公司 京公网安备 11011402011233号 京ICP备18060230号-3 营业执照 经营许可证:京B2-20212637