亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

為什么這段實現數量增加的代碼運行提示Cannot read property 'value' of undefined"

為什么這段實現數量增加的代碼運行提示Cannot read property 'value' of undefined"

79351 2018-04-04 08:45:01
//scriptvar addd = document.getElementsByClassName("add"); for(var n=0;n<addd.length;n++){ addd[n].onclick=function(){ var j = document.getElementsByClassName("count-input"); var h = parseInt(j[n].value) j[n].value=h+1; }//html<tr><td><input class="count-input" value="1"/><span class="add">+</span></td></tr><tr><td><input class="count-input" value="1"/><span class="add">+</span></td></tr>
查看完整描述

4 回答

已采納
?
QQ_隨意

TA貢獻51條經驗 獲得超28個贊

作用域問題

(function(n){

addd[n].onclick=function(){

????var j = document.getElementsByClassName("count-input");

????var h = parseInt(j[n].value)

????j[n].value=h+1;

}

})(n)

加個閉包就行了

查看完整回答
反對 回復 2018-04-04
?
79351

TA貢獻1條經驗 獲得超0個贊

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<style type="text/css">

.count{

width: 90px;

}

.reduce{

width: 17px;

height: 23px;

background-color: gainsboro;

float: left;

border: 1px solid #e5e5e5;

line-height: 23px;

}

.count-input{

width: 50px;

height: 15px;

float: left;

text-align: center;

border: 1px solid #aaa;

color: #343434;

padding: 4px 0;

}

.add{

width: 17px;

height: 23px;

background-color: gainsboro;

float: left;

text-align: center;

line-height: 23px;

border: 1px solid #e5e5e5;

}

</style>

</head>

<body>

<table>

<tr >

<td class="count">

<span class="reduce"></span>

<input class="count-input" value="1"/>

<span class="add">+</span>

</td>

</tr>

<tr >

<td class="count">

<span class="reduce"></span>

<input class="count-input" value="1"/>

<span class="add">+</span>

</td>

</tr>

</table>

<script type="text/javascript">

var addd = document.getElementsByClassName("add");

for(var n=0;n<addd.length;n++){

addd[n].onclick=function(){

var j = document.getElementsByClassName("count-input");

var h = parseInt(j[n].value)

j[n].value=h+1;

}}

</script>

</body>

</html>


查看完整回答
反對 回復 2018-04-04
?
qq_佛說過過過_0

TA貢獻17條經驗 獲得超8個贊

我這邊并沒有報錯,你把代碼貼全了,我運行看看。

查看完整回答
反對 回復 2018-04-04
  • 79351
    79351
    <script type="text/javascript"> var addd = document.getElementsByClassName("add"); for(var n=0;n<addd.length;n++){ addd[n].onclick=function(){ var j = document.getElementsByClassName("count-input"); var h = parseInt(j[n].value) j[n].value=h+1; } </script>
?
慕粉3166282

TA貢獻28條經驗 獲得超3個贊

沒有那個屬性

查看完整回答
反對 回復 2018-04-04
  • 4 回答
  • 0 關注
  • 2408 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號