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

新問題,求指導(dǎo)

<!DOCTYPE html>

<html>

?<head>

? <title> new document </title> ?

? <meta http-equiv="Content-Type" content="text/html; charset=gbk"/> ??

? <script type="text/javascript">?

??

? ? ? window.onload = function(){

? ? ? ? ? ? ? ? ??

? ? ?// 鼠標(biāo)移動改變背景,可以通過給每行綁定鼠標(biāo)移上事件和鼠標(biāo)移除事件來改變所在行背景色。

? ? ? ? ?

? ? ?

?

}

? ? ?

? ? ? // 編寫一個(gè)函數(shù)，供添加按鈕調(diào)用，動態(tài)在表格的最后一行添加子節(jié)點(diǎn)；

? ? ?function adda(obj){

? ? ? ? ?var tbody = document.getElementById("table");

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

? ? ? ? ?

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

? ? ? ? ?td.innerHTML = "<input type='text' />"

? ? ? ? ?tr.appendChild(td);

? ? ? ? ?

? ? ? ? ?td = document.createElement("td");

? ? ? ? ?td.innerHTML = "<input type='text' />";

? ? ? ? ?tr.appendChild(td);

? ? ? ? ?

? ? ? ? ?td = document.createElement("td");

? ? ? ? ?td.innerHTML ="<a href='javascript:;' onlick='dele(this)'>刪除</a>"

? ? ? ? ?tr.appendChild(td);

? ? ? ? ?

? ? ? ? ?tbody.appendChild(tr);

? ? ? ? ?Highlight();

? ? ?}

? ? ?

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

? ? ?function dele(obj){

? ? ? ? ?var tbody = document.getElementById("table").lastChild;

? ? ? ? ?var tr = obj.parentNode.parentNode;

? ? ? ? ?tbody.removeChild(tr);

? ? ?}

? </script>?

?</head>?

?<body>?

? <table border="1" width="50%" id="table">

? <tr>

? </tr> ?

? <tr>

? </tr>

? <tr>

? </tr> ?

? </table>

? <input type="button" value="添加一行" ?onclick="adda()" /> ?

?</body>

</html>

怎么把新增的<input>標(biāo)簽的邊框隱藏掉？ ? ? ?要看起來和上面兩行一樣，求指導(dǎo)。

qq_輪滑到老_04284587

2017-06-13

源自：JavaScript進(jìn)階篇 9-22

關(guān)注問題我要回答

1503

操作

收起

5 回答

6比哄哄回答被采納 +3 積分
2017-06-15

<!DOCTYPE html>

<html>

?<head>

? <title> new document </title> ?

? <meta http-equiv="Content-Type" content="text/html; charset=gbk"/>?

<style>

? ? ? ? ?#p{

? ? ? ? ? ? ?border: none;

? ? outline: none;

}

</style>

? <script type="text/javascript">?

??

? ? ? window.onload = function(){

? ? ? ? ? ? ? ? ??

? ? ?// 鼠標(biāo)移動改變背景,可以通過給每行綁定鼠標(biāo)移上事件和鼠標(biāo)移除事件來改變所在行背景色。

? ? ? ? ?

?

}

? ? ?

? ? ? // 編寫一個(gè)函數(shù)，供添加按鈕調(diào)用，動態(tài)在表格的最后一行添加子節(jié)點(diǎn)；

? ? function add(){

? ? ? ? ?var tbody = document.getElementById("table");

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

? ? ? ? ?var td1 = document.createElement("td");

? ? ? ? ?td1.innerHTML = "<input type='text' id='p' ? />"

? ? ? ? ?tr.appendChild(td1);

? ? ? ? ?td2 = document.createElement("td");

? ? ? ? ?td2.innerHTML = "<input type='text' ?id='p' ?/>";

? ? ? ? ?tr.appendChild(td2);

? ? ? ? ?

? ? ? ? ?td3 = document.createElement("td");

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

? ? ? ? ?tr.appendChild(td3);

? ? ? ? ?tbody.appendChild(tr);

? ? ? ? ?Highlight();

? ? ?}

? ? ?

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

? ? ?function del(r){

? ? ? ? ? var i=r.parentNode.parentNode;

? ? ? ?i.parentNode.removeChild(i);

? ? ? }

? </script>?

?</head>?

?<body>?

? <table border="1" width="50%" id="table">

? <tr>

? </tr> ?

? <tr>

? </tr>

? <tr>

? </tr> ?

? </table>

? <input type="button" value="添加一行" onclick="add()" /> ?

?</body>

</html>

? 這是我改正的 ?，你的所有要求都實(shí)現(xiàn)了 ?。?！ ?大概吧

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

qq_輪滑到老_04284587 提問者

為什么不是 var tbody = document.getElementById("table").lastChild; var tr = obj.parentNode.parentNode; tbody.removeChild(tr); 這樣呢？而是 var tr = obj.parentNode.parentNode; tr.parentNode.removeChild(tr); 這樣呢？這兩種的表達(dá)不是同一個(gè)意思嗎？求解惑

2017-06-15 回復(fù) 有任何疑惑可以回復(fù)我~

#2

6比哄哄回復(fù) qq_輪滑到老_04284587 提問者

是同一個(gè)意思，尤其是 var tbody = document.getElementById("table"); var tr = obj.parentNode.parentNode; tbody.removeChild(tr); 你不加.lastChild的時(shí)候也是可以的。問你下為什么要獲取最后一個(gè)子節(jié)點(diǎn)，然后刪除另一個(gè)節(jié)點(diǎn)？

2017-06-15 回復(fù) 有任何疑惑可以回復(fù)我~

#3

qq_輪滑到老_04284587 提問者

回復(fù) 6比哄哄:lastChild 是我看到慕課網(wǎng)給的參考代碼是這樣寫的，其實(shí)我也不太明白它為什么要加這個(gè)，但是我看到你寫的代碼不加這個(gè)也是可以運(yùn)行的，所以我有點(diǎn)疑惑

2017-06-15 回復(fù) 有任何疑惑可以回復(fù)我~

查看3條回復(fù)

6比哄哄
2017-06-15

你自己的 ?源代碼也不行吧，因?yàn)槟阈略?是文本框 ?他不輸入確認(rèn) ?他的值就不固定當(dāng)然 ?系統(tǒng)就不知道 ?你文本框到底輸入完了沒有

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

qq_輪滑到老_04284587 提問者

那要怎么解決這個(gè)問題呢？可以發(fā)解決后的代碼給我看嗎？謝謝

2017-06-15 回復(fù) 有任何疑惑可以回復(fù)我~

botao555
2017-06-14

設(shè)置input的border為0就行了。

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

6比哄哄
2017-06-13

這樣符不符合 ?這是代碼：

<!DOCTYPE html>

<html>

?<head>

? <title> new document </title> ?

? <meta http-equiv="Content-Type" content="text/html; charset=gbk"/>?

<style>

? ? ? ? ?#p{

? ? ? ? ? ? ?border: none;

? ? outline: none;

}

</style>

? <script type="text/javascript">?

??

? ? ? window.onload = function(){

? ? ? ? ? ? ? ? ??

? ? ?// 鼠標(biāo)移動改變背景,可以通過給每行綁定鼠標(biāo)移上事件和鼠標(biāo)移除事件來改變所在行背景色。

? ? ? ? ?

?

}

? ? ?

? ? ? // 編寫一個(gè)函數(shù)，供添加按鈕調(diào)用，動態(tài)在表格的最后一行添加子節(jié)點(diǎn)；

? ? ?function adda(obj){

? ? ? ? ?var tbody = document.getElementById("table");

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

? ? ? ? ?var td1 = document.createElement("td");

? ? ? ? ?td1.innerHTML = "<input type='text' id='p' ? />"

? ? ? ? ?tr.appendChild(td1);

? ? ? ? ?td2 = document.createElement("td");

? ? ? ? ?td2.innerHTML = "<input type='text' ?id='p' ?/>";

? ? ? ? ?tr.appendChild(td2);

? ? ? ? ?

? ? ? ? ?td3 = document.createElement("td");

? ? ? ? ?td3.innerHTML ="<a href='javascript:;' onlick='dele(this)'>刪除</a>"

? ? ? ? ?tr.appendChild(td3);

? ? ? ? ?tbody.appendChild(tr);

? ? ? ? // Highlight();

? ? ?}

? ? ?

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

? ? ?function dele(obj){

? ? ? ? ?var tbody = document.getElementById("table").lastChild;

? ? ? ? ?var tr = obj.parentNode.parentNode;

? ? ? ? ?tbody.removeChild(tr);

? ? ?}

? </script>?

?</head>?

?<body>?

? <table border="1" width="50%" id="table">

? <tr>

? </tr> ?

? <tr>

? </tr>

? <tr>

? </tr> ?

? </table>

? <input type="button" value="添加一行" ?onclick="adda()" /> ?

?</body>

</html>

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

qq_輪滑到老_04284587 提問者

邊框問題是解決了，但是為什么現(xiàn)在增加新一行之后，刪除功能用不了呢？沒增加新一行之前，刪除功能可以用增加新一行之后，刪除功能沒作用了

2017-06-15 回復(fù) 有任何疑惑可以回復(fù)我~

#2

qq_輪滑到老_04284587 提問者

邊框問題是解決了，但是為什么現(xiàn)在增加新一行之后，刪除功能用不了呢？沒增加新一行之前，刪除功能可以用增加新一行之后，刪除功能沒作用了

2017-06-15 回復(fù) 有任何疑惑可以回復(fù)我~

#3

qq_輪滑到老_04284587 提問者

里面寫錯(cuò)的 onclick 我已經(jīng)改正確了，但是還是不行

2017-06-15 回復(fù) 有任何疑惑可以回復(fù)我~

6比哄哄
2017-06-13

// 編寫一個(gè)函數(shù)，供添加按鈕調(diào)用，動態(tài)在表格的最后一行添加子節(jié)點(diǎn)；

? ? ?function adda(){

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

? ? ? ? ?var td1 = document.createElement("td");

? ? ? ? ?td1.innerHTML = "xh003"

? ? ? ? ?tr.appendChild(td1);

? ? ? ? ?

? ? ? ? ?var td2 = document.createElement("td");

? ? ? ? ?td2.innerHTML = "王戈比";

? ? ? ? ?tr.appendChild(td2);

? ? ? ? ?

? ? ? ? ?var td3 = document.createElement("td");

? ? ? ? ?td3.innerHTML ="<a href='javascript:;' onlick='dele(this)'>刪除</a>"

? ? ? ? ?tr.appendChild(td3);

? ? ? ? ? var tab=document.getElementById("table");

? ? ? ? ?tab.appendChild(tr);

? ? ? ? ?Highlight();

? ? ?}

根據(jù)你的代碼修改的，你可以打個(gè)樣。

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

舉報(bào)

0/150

提交

取消

JavaScript進(jìn)階篇

參與學(xué)習(xí) 469096 人
解答問題 22582 個(gè)

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

進(jìn)入課程

本課相似問答

3 回答求指導(dǎo)求指導(dǎo)

4 回答軟件求指導(dǎo)

1 回答求大神指導(dǎo)

2 回答求大神指導(dǎo)

搜索更多本課相關(guān)問答

新問題,求指導(dǎo)

我要回答關(guān)注問題

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

微信客服

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

幫助反饋 APP下載

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

公眾號

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

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

熱搜

最近搜索清空

新問題,求指導(dǎo)

5 回答

本課相似問答

新問題,求指導(dǎo)