{"id":83,"date":"2021-01-18T14:10:56","date_gmt":"2021-01-18T06:10:56","guid":{"rendered":"http:\/\/gjweb.top\/?p=83"},"modified":"2021-01-18T14:10:57","modified_gmt":"2021-01-18T06:10:57","slug":"%e5%88%a0%e9%99%a4%e5%92%8c%e5%a2%9e%e5%8a%a0","status":"publish","type":"post","link":"https:\/\/gjweb.top\/?p=83","title":{"rendered":"\u5220\u9664\u548c\u589e\u52a0"},"content":{"rendered":"\n<ul class=\"wp-block-list\"><li>\u521b\u5efa\u65b0\u5143\u7d20<\/li><li><code>var elem = document.createElement(\"\u6807\u7b7e\u540d\")<\/code><\/li><li>\u8bbe\u7f6e\u5173\u952e\u5c5e\u6027<\/li><li><code>a.herf = \"url\"<\/code><\/li><li>\u5c06\u65b0\u5143\u7d20\u6dfb\u52a0\u5230DOM\u6811<\/li><li>\u8ffd\u52a0: \u5728\u7236\u5143\u7d20\u7684\u7ed3\u5c3e\u6dfb\u52a0\u65b0\u5143\u7d20<ul><li><code>javascript parent.appendChild(elem)<\/code><\/li><\/ul><\/li><li>\u63d2\u5165: \u5728\u73b0\u6709\u5b50\u5143\u7d20\u4e4b\u524d\u63d2\u5165\u65b0\u5143\u7d20<ul><li><code>javascript parent.insertBefore(elem,oldElem)<\/code><\/li><\/ul><\/li><li>\u66ff\u6362: \u66ff\u6362\u73b0\u6709\u7684\u5b50\u5143\u7d20<ul><li><code>javascript parent.replaceChild(elem,oldElem)<\/code><\/li><\/ul><\/li><li>\u4f18\u5316<ul><li>layout ( \u907f\u514d\u9891\u7e41\u64cd\u4f5cDOM )<\/li><\/ul><\/li><li>\u89e3\u51b3\u65b9\u6848<ul><li>\u65b9\u6cd5\u4e00<\/li><li>\u5982\u679c\u540c\u65f6\u6dfb\u52a0\u7236\u5143\u7d20\u548c\u5b50\u5143\u7d20\u65f6,\u90fd\u8981\u5728\u5185\u5b58\u4e2d\u5148\u5c06\u5b50\u5143\u7d20\u6dfb\u52a0\u5230\u7236\u5143\u7d20,\u6700\u540e\u5c06\u7236\u5143\u7d20\u4e00\u6b21\u6027\u6dfb\u52a0\u5230DOM\u6570<\/li><li>\u65b9\u6cd5\u4e8c<\/li><li>\u5982\u679c\u540c\u65f6\u6dfb\u52a0\u591a\u4e2a\u5e73\u7ea7\u5b50\u5143\u7d20:<ul><li>\u6587\u6863\u7247\u6bb5<\/li><li>\u5185\u5b58\u4e2d\u4e34\u65f6\u4fdd\u5b58\u591a\u4e2a\u5e73\u7ea7\u5b50\u5143\u7d20\u7684\u865a\u62df\u7236\u5143\u7d20<\/li><\/ul><\/li><\/ul><\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/ \u521b\u5efa\u6587\u6863\u7247\u6bb5\r\n\/*frag\u7684\u7528\u6cd5\u548c\u666e\u901a\u7236\u5143\u7d20\u4e00\u6837*\/\r\nvar frag = document.createDocumentFrament();\r\n\/\/ \u5c06\u5e73\u7ea7\u5b50\u5143\u7d20\u4e34\u65f6\u8ffd\u52a0\u5230frag\u4e2d\r\nfrag.appendChild(child)\r\n\/\/ \u5c06 frag \u6574\u4f53\u8ffd\u52a0\u5230 DOM \u6811\u4e2d\r\npread.appenChild(frag)\r\n\/*\r\n\t\u5f3a\u8c03:\r\n\t\tfrag \u6267\u884c\u5b8c\u81ea\u52a8\u91ca\u653e\r\n*\/<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\u5220\u9664<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>parent.removeChild(child)<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\u521b\u5efa\u65b0\u5143\u7d20 var elem = document.createElement(&#8220;\u6807\u7b7e\u540d&#8221;) \u8bbe\u7f6e\u5173\u952e\u5c5e\u6027 a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-83","post","type-post","status-publish","format-standard","hentry","category-dom"],"_links":{"self":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts\/83","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=83"}],"version-history":[{"count":0,"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts\/83\/revisions"}],"wp:attachment":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=83"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=83"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=83"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}