                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進階篇

我快要瘋了?。。?！

<!DOCTYPE html>

<html>

<head>

<title> new document </title>

var a = 3;

var tr = document.getElementsByTagName("tr");

window.onload = function() {

????for(var i = 1; i < tr.length; i++) {

????????bgcChange(tr[i]);

????}

}

//改變顏色函數(shù)

function bgcChange(obj) {

????obj.onmouseover = function() {

????????obj.style.backgroundColor = "#f2f2f2";

????}

????obj.onmouseout = function() {

????????obj.style.backgroundColor = "#fff";

????}

}

//該函數(shù)想實現(xiàn)，你必須得輸入，不輸入會有彈窗，輸入之后，點擊添加，那么他就由input變?yōu)閜只能刪除，不能修改

function inputChange(){

????var inputs = document.getElementsByTagName("input");

????var inputval = inputs.value;

????if(inputval != " " &&　inputval != null){

????????inputs.onblur = function(){

????????????var b = document.createElement("p");

????????????b.innerHTML = inputval;

????????????inputs.replaceChild(b,inputs);

????????}

????}else{

????alert("請輸入學生姓名！");

????}

}//這個函數(shù)有問題所以沒使用，希望能幫忙修改一下

//我按照別人的，就那個創(chuàng)建tr+3個td,不能刪除，提示是沒有parentNode，打印后發(fā)現(xiàn)是因為this指向了window，用自己的也一樣。

function add() {

var tables = document.getElementById("table");

var newtr = document.createElement("tr");

var xh=document.createElement("td");

var xm=document.createElement("td");

var del=document.createElement("td");

if(a<10){

????a = "00"+a;

????xh.innerHTML = "xh" + a;

????xm.innerHTML = "<input type='text' placeholder='請輸入學生姓名'/>";

????del.innerHTML = "<a href=" + "javascript:;" + "onclick=" + "del(this)" + ">刪除</a>";

????a++;

}else if(a< 100) {

????a = "0" + a;

????newtr.innerHTML = "<td>xh" + a + "</td>" +

????'<td><input type="text" placeholder="請輸入學生姓名"/></td>' +

????"<td><a href=" + "javascript:;" + "onclick=" + "del(this)" + ">刪除</a></td>"

????a++;

} else {

????a = a;

????newtr.innerHTML = "<td>xh" + a + "</td>" +

????"<td><input type='text' placeholder='請輸入學生姓名'/></td>" +

????"<td><a href=" + "javascript:;" + "onclick=" + "del(this)" + ">刪除</a></td>"

????a++;

}

tables.appendChild(newtr);

newtr.appendChild(xh);

newtr.appendChild(xm);

newtr.appendChild(del);

for(var i = 1; i < tr.length; i++) {

????bgcChange(tr[i]);

}

// 創(chuàng)建刪除函數(shù)

function del(obj) {

????var trs = obj.parentNode.parentNode;

????trs.parentNode.removeChild(trs);

}

</script>

</head>

<body>

<tr>

</tr>

<tr>

<td>

</td>

</tr>

<tr>

<td>

</td>

</tr>

</table>

</body>

</html>

求大佬 T _ T 指點，或者幫我寫出來一個我想實現(xiàn)的效果的代碼也可以，謝謝，搞得我頭痛?。?！

狼王夢0_0

2019-08-21

源自：JavaScript進階篇 9-22

關注問題我要回答

690

操作

收起

4 回答

慕仙6546457 回答被采納 +2 積分
2019-08-23

add（）那少個結束~，最主要的問題是td里面的href那，在javascript: ;外圍加 ' 就完事了

1 回復有任何疑惑可以回復我~

收起回答

狼王夢0_0 提問者
2019-08-23

<!DOCTYPE html>

<html>

<head>

<title> new document </title>

var a = 3;

var tr = document.getElementsByTagName("tr");

window.onload = function() {

add();

for (var i = 1; i < tr.length; i++) {

bgcChange(tr[i]);

}

//改變顏色函數(shù)

function bgcChange(obj) {

obj.onmouseover = function() {

obj.style.backgroundColor = "#f2f2f2";

}

obj.onmouseout = function() {

obj.style.backgroundColor = "#fff";

}

//改變input函數(shù)

function inputChange(){

var inputs = document.getElementsByTagName("input");

var inputval = inputs[0].value;

console.log(inputval);

inputs[0].onblur = function(){

var b = document.createElement("p");

b.innerHTML = inputval;

inputs[0].replaceChild(b,inputs[0]);

}

if(inputval != "" &&　inputval != null && inputval != undefined){

add();

}else{

alert("請輸入學生姓名！");

}

//添加函數(shù)

function add() {

var tables = document.getElementById("table");

var newtr = document.createElement("tr");

if (a < 10) {

a = "00" + a;

newtr.innerHTML = "<td>xh" + a + "</td>" +

'<td><input type="text" placeholder="請輸入學生姓名"/></td>' +

"<td><a href=" + "'javascript:;'" + "onclick=" + "'del(this)'" + ">刪除</a></td>";

a++;

} else if (a < 100) {

a = "0" + a;

newtr.innerHTML = "<td>xh" + a + "</td>" +

'<td><input type="text" placeholder="請輸入學生姓名"/></td>' +

"<td><a href=" + "'javascript:;" + "'" + "onclick=" + "'del(this)'" + ">刪除</a></td>"

a++;

} else {

a = a;

newtr.innerHTML = "<td>xh" + a + "</td>" +

"<td><input type='text' placeholder='請輸入學生姓名'/></td>" +

"<td><a href=" + "'javascript:;" + "'" + "onclick=" + "'del(this)'" + ">刪除</a></td>"

a++;

}

tables.appendChild(newtr);

for (var i = 1; i < tr.length; i++) {

bgcChange(tr[i]);

}

// 創(chuàng)建刪除函數(shù)

function del(obj) {

var trs = obj.parentNode.parentNode;

trs.parentNode.removeChild(trs);

}

</script>

</head>

<body>

<tr>

</tr>

<tr>

<td>

</td>

</tr>

<tr>

<td>

</td>

</tr>

</table>

</body>

</html>

0 回復有任何疑惑可以回復我~

收起回答

狼王夢0_0 提問者
2019-08-23

//改變input函數(shù)

function inputChange(){

var inputs = document.getElementsByTagName("input");

var inputval = inputs[0].value;

console.log(inputval);

inputs[0].onblur = function(){

var b = document.createElement("p");

b.innerHTML = inputval;

inputs[0].replaceChild(b,inputs[0]);

}

if(inputval != "" &&　inputval != null && inputval != undefined){

add();

}else{

alert("請輸入學生姓名！");

}

這是我的代碼，加進去，但是不行

0 回復有任何疑惑可以回復我~

收起回答

慕仙6546457
2019-08-23

<!DOCTYPE html>

<html>

<head>

<title> new document </title>

var a = 3;

var tr = document.getElementsByTagName("tr");

window.onload = function() {

? ? for(var i = 1; i < tr.length; i++) {

? ? ? ? bgcChange(tr[i]);

? ? }

}

//改變顏色函數(shù)

function bgcChange(obj) {

? ? obj.onmouseover = function() {

? ? ? ? obj.style.backgroundColor = "#f2f2f2";

? ? }

? ? obj.onmouseout = function() {

? ? ? ? obj.style.backgroundColor = "#fff";

? ? }

}

//該函數(shù)想實現(xiàn)，你必須得輸入，不輸入會有彈窗，輸入之后，點擊添加，那么他就由input變?yōu)閜只能刪除，不能修改

function inputChange(){

? ? var inputs = document.getElementsByTagName("input");

? ? var inputval = inputs.value;

? ? if(inputval != " " &&　inputval != null){

? ? ? ? inputs.onblur = function(){

? ? ? ? ? ? var b = document.createElement("p");

? ? ? ? ? ? b.innerHTML = inputval;

? ? ? ? ? ? inputs.replaceChild(b,inputs);

? ? ? ? }

? ? }else{

? ? alert("請輸入學生姓名！");

? ? }

}//這個函數(shù)有問題所以沒使用，希望能幫忙修改一下

//我按照別人的，就那個創(chuàng)建tr+3個td,不能刪除，提示是沒有parentNode，打印后發(fā)現(xiàn)是因為this指向了window，用自己的也一樣。

function add() {

var tables = document.getElementById("table");

var newtr = document.createElement("tr");

var xh=document.createElement("td");

var xm=document.createElement("td");

var del=document.createElement("td");

if(a<10){

? ? a = "00"+a;

? ? xh.innerHTML = "xh" + a;

? ? xm.innerHTML = "<input type='text' placeholder='請輸入學生姓名'/>";

? ? del.innerHTML = "<a href=" + "'javascript:;" + "'" + "onclick=" + "'del(this)'" + ">刪除</a>";

? ? a++;

}else if(a< 100) {

? ? a = "0" + a;

? ? newtr.innerHTML = "<td>xh" + a + "</td>" +

? ? '<td><input type="text" placeholder="請輸入學生姓名"/></td>' +

? ? "<td><a href=" + "'javascript:;" + "'" + "onclick=" + "'del(this)'" + ">刪除</a></td>"

? ? a++;

} else {

? ? a = a;

? ? newtr.innerHTML = "<td>xh" + a + "</td>" +

? ? "<td><input type='text' placeholder='請輸入學生姓名'/></td>" +

? ? "<td><a href=" + "'javascript:;" + "'" + "onclick=" + "'del(this)'" + ">刪除</a></td>"

? ? a++;

}

tables.appendChild(newtr);

newtr.appendChild(xh);

newtr.appendChild(xm);

newtr.appendChild(del);

for(var i = 1; i < tr.length; i++) {

? ? bgcChange(tr[i]);

}

// 創(chuàng)建刪除函數(shù)

function del(obj) {

? ? var trs = obj.parentNode.parentNode;

? ? trs.parentNode.removeChild(trs);

}

</script>

</head>

<body>

<tr>

</tr>

<tr>

<td>

</td>

</tr>

<tr>

<td>

</td>

</tr>

</table>

</body>

</html>

1 回復有任何疑惑可以回復我~

收起回答

#1

狼王夢0_0 提問者

謝謝，不過還不是很完美，就是我希望點擊添加時，如果你沒有輸入姓名，就提示，且不會添加；如果你填了，則將其由input變成p，就是無法再修改了，希望指點，謝謝你?。。。。。。。。。。?！

2019-08-23 回復有任何疑惑可以回復我~

#2

狼王夢0_0 提問者

看一下我下面的，我把這個函數(shù)加進去，但是實現(xiàn)不了功能

2019-08-23 回復有任何疑惑可以回復我~

#3

慕仙6546457 回復狼王夢0_0 提問者

你發(fā)你本地完整的吧，就看一段有點難受?？聪戮唧w的代碼

2019-08-23 回復有任何疑惑可以回復我~

查看2條回復

舉報

0/150

提交

取消

JavaScript進階篇

參與學習 468768 人
解答問題 22442 個

本課程從如何插入JS代碼開始，帶您進入網(wǎng)頁動態(tài)交互世界

進入課程

本課相似問答

1 回答大神在哪里？請問：為什么我的不能刪除啊，快瘋了。。。。

1 回答這個代碼的函數(shù)部分哪出問題了？我快瘋了找了十幾遍沒看出哪寫錯了...

3 回答真的好糾結不知道哪里錯了就是不執(zhí)行要瘋了

5 回答瘋狂找錯中。。。。。。

1 回答請問我這是錯在哪里？？快哭了= =

搜索更多本課相關問答

我快要瘋了?。。?！

我要回答關注問題

使用 Ctrl+D 可將網(wǎng)站添加到書簽

微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

我快要瘋了?。。?！

4 回答

本課相似問答

我快要瘋了?。。?！

我快要瘋了?。。?！

我快要瘋了?。。?！