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

新問題,求指導

<!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(){

? ? ? ? ? ? ? ? ??

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

? ? ? ? ?

? ? ?

?

}

? ? ?

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

? ? ?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)建刪除函數

? ? ?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>標簽的邊框隱藏掉？ ? ? ?要看起來和上面兩行一樣，求指導。

qq_輪滑到老_04284587

2017-06-13

源自：JavaScript進階篇 9-22

關注問題我要回答

1476

操作

收起

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(){

? ? ? ? ? ? ? ? ??

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

? ? ? ? ?

?

}

? ? ?

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

? ? 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)建刪除函數

? ? ?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>

? 這是我改正的 ?，你的所有要求都實現了！??！ ?大概吧

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

收起回答

#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); 這樣呢？這兩種的表達不是同一個意思嗎？求解惑

2017-06-15 回復有任何疑惑可以回復我~

#2

6比哄哄回復 qq_輪滑到老_04284587 提問者

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

2017-06-15 回復有任何疑惑可以回復我~

#3

qq_輪滑到老_04284587 提問者

回復 6比哄哄:lastChild 是我看到慕課網給的參考代碼是這樣寫的，其實我也不太明白它為什么要加這個，但是我看到你寫的代碼不加這個也是可以運行的，所以我有點疑惑

2017-06-15 回復有任何疑惑可以回復我~

查看3條回復

6比哄哄
2017-06-15

你自己的 ?源代碼也不行吧，因為你新增是文本框 ?他不輸入確認 ?他的值就不固定當然 ?系統就不知道 ?你文本框到底輸入完了沒有

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

收起回答

#1

qq_輪滑到老_04284587 提問者

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

2017-06-15 回復有任何疑惑可以回復我~

botao555
2017-06-14

設置input的border為0就行了。

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

收起回答

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(){

? ? ? ? ? ? ? ? ??

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

? ? ? ? ?

?

}

? ? ?

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

? ? ?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)建刪除函數

? ? ?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 回復有任何疑惑可以回復我~

收起回答

#1

qq_輪滑到老_04284587 提問者

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

2017-06-15 回復有任何疑惑可以回復我~

#2

qq_輪滑到老_04284587 提問者

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

2017-06-15 回復有任何疑惑可以回復我~

#3

qq_輪滑到老_04284587 提問者

里面寫錯的 onclick 我已經改正確了，但是還是不行

2017-06-15 回復有任何疑惑可以回復我~

6比哄哄
2017-06-13

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

? ? ?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();

? ? ?}

根據你的代碼修改的，你可以打個樣。

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

收起回答

舉報

0/150

提交

取消

JavaScript進階篇

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

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

進入課程

本課相似問答

3 回答求指導求指導

1 回答求大神指導

2 回答求大神指導

4 回答軟件求指導

4 回答置頂回答的一些問題..求指導

搜索更多本課相關問答

新問題,求指導

我要回答關注問題

使用 Ctrl+D 可將網站添加到書簽

微信客服

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

幫助反饋 APP下載

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

公眾號

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

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

熱搜

最近搜索清空

新問題,求指導

5 回答

本課相似問答

新問題,求指導