wiki:javascript:javascript_note:jquery_dom

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- wiki:javascript:javascript_note:jquery_dom [2021/04/14 11:25]
emblim98 만듦
+++ wiki:javascript:javascript_note:jquery_dom [2023/01/13 18:44] (현재)
@@ 줄 13: / 줄 13: @@
 =====Removing HTML Elements=====
+%%HTML%% 요소를 제거합니다:\\
+====JQuery====
+<code jquery>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
+</head>
+<body>
+  <h2>Remove an HTML Element with JQuery</h2>
+  <h2 id="id01">Hello World!</h2>
+  <h2 id="id02">Hello Sweden!!</h2>
+  <script>
+    $(document).ready(function () {
+      $('#id02').remove();
+    });
+  </script>
+</body>
+</html>
+</code>
+====JavaScript====
+<code javascript>
+<!DOCTYPE html>
+<html lang="en">
+<body>
+  <h2>Remove an HTML Element with JavaScript</h2>
+  <h2 id="id01">Hello World!</h2>
+  <h2 id="id02">Hello Sweden!!</h2>
+  <script>
+    var element = document.getElementById("id01");
+    element.parentNode.removeChild(element);
+  </script>
+</body>
+</html>
+</code>
+=====Get Parent Element=====
+%%HTML%% 요소의 부모를 반환합니다:\\
+====JQuery====
+<code jquery>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
+</head>
+<body>
+  <h1>Getting Parent HTML Element with JQuery</h1>
+  <h2 id="01">Hello World!</h2>
+  <h2 id="02">Hello Sweden!!</h2>
+  <h2 id="03">Hello Austria!!!</h2>
+  <p id="demo"></p>
+  <script>
+    $(document).ready(function () {
+      var myParent = $("#02").parent();
+      $("#demo").text(myParent.prop("nodeName"));
+    });
+  </script>
+</body>
+</html>
+</code>
+====JavaScript====
+<code javascript>
+<!DOCTYPE html>
+<html lang="en">
+<body>
+  <h1>Getting Parent HTML Element with JavaScript</h1>
+  <h2 id="01">Hello World!</h2>
+  <h2 id="02">Hello Sweden!!</h2>
+  <h2 id="03">Hello Austria!!!</h2>
+  <p id="demo"></p>
+  <script>
+    var myParent = document.getElementById("02").parentNode;
+    document.getElementById("demo").innerHTML = myParent.nodeName;
+  </script>
+</body>
+</html>
+</code>
 {{tag>오션 JavaScript jQuery HTML DOM}}

/volume1/web/dokuwiki/data/attic/wiki/javascript/javascript_note/jquery_dom.1618367129.txt.gz · 마지막으로 수정됨: 2022/03/10 19:52 (바깥 편집)