Js削除ノード
Js削除ノード
方式一:転送thisパラメータの呼び出し方法:
1.jspページコード:
2.jsスクリプトコード:
方式二:js方法ではセレクタによりノードを取得する:
1.jspページコード:
2.jsスクリプトコード:
方式3:jQuery方式でノードを取得する:(まだテストしていないので、テストが必要です.)
ここでaタグがthisからjsに伝わり、jsはthis(つまりaノード)を通じてparent(つまりpノード)を取る.
では、
(1)p.remove();pノード全体を直接削除できます.
(2)p.parent Node.removeChild(p)pノード全体を直接削除することもできます.
(3)p.removeChild(obj)aノード全体を削除できます.
(4)obj.parent Node.removeChild(obj)aノード全体を削除することもできます.
すでにあります
0人がメッセージを発表し、猛撃->>
ここ<->討論に参加します.
ITeyおすすめ—ソフトウェア人材は言語を免除して低い保証で米国に行きます.
方式一:転送thisパラメータの呼び出し方法:
1.jspページコード:
<p>
<input id="uploadImage" value="" type="file" name="uploadImage" size="50" />
<a href="javascript:void(0);" onclick="deleteNode(this)" >
<img src="$!{request.contextPath}/images/lend/close.png" class="closea">
</a>
</p>
2.jsスクリプトコード:
function deleteNode(obj) {
var p= obj.parentNode;
if(p){
p.remove();
}
}
方式二:js方法ではセレクタによりノードを取得する:
1.jspページコード:
<p>
<input id="uploadImage" value="" type="file" name="uploadImage" size="50" />
<a id="deleteId" href="javascript:void(0);" onclick="deleteNode()" >
<img src="$!{request.contextPath}/images/lend/close.png" class="closea">
</a>
</p>
2.jsスクリプトコード:
function deleteNode() {
var a= doucment.getElementById("deleteId");
a.parentNode.removeChild(div);
//
a.remove()
// a
}
方式3:jQuery方式でノードを取得する:(まだテストしていないので、テストが必要です.)
ここでaタグがthisからjsに伝わり、jsはthis(つまりaノード)を通じてparent(つまりpノード)を取る.
では、
(1)p.remove();pノード全体を直接削除できます.
(2)p.parent Node.removeChild(p)pノード全体を直接削除することもできます.
(3)p.removeChild(obj)aノード全体を削除できます.
(4)obj.parent Node.removeChild(obj)aノード全体を削除することもできます.
すでにあります
0人がメッセージを発表し、猛撃->>
ここ<->討論に参加します.
ITeyおすすめ