{"id":57,"date":"2024-01-25T18:58:21","date_gmt":"2024-01-25T10:58:21","guid":{"rendered":"http:\/\/new.openkg.cn\/?page_id=57"},"modified":"2024-03-29T14:04:44","modified_gmt":"2024-03-29T06:04:44","slug":"index","status":"publish","type":"page","link":"http:\/\/openkg.cn\/en\/index\/","title":{"rendered":""},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\r\n\r\n\r\n \r\n \r\n \u52a8\u6001\u6dfb\u52a0LI\u5230UL<\/title>\r\n <style>\r\n ul {\r\n list-style-type: none;\r\n padding: 0;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- \u4e24\u4e2a\u6309\u94ae -->\r\n <button id=\"button1\">\u663e\u793a\u5217\u88681<\/button>\r\n <button id=\"button2\">\u663e\u793a\u5217\u88682<\/button>\r\n \r\n <!-- HTML\u4e2d\u7684ul\u5143\u7d20 -->\r\n <ul id=\"dynamicList\"><\/ul>\r\n\r\n <script>\r\n \/\/ JavaScript\u90e8\u5206\r\n \/\/ \u5b9a\u4e49\u4e24\u4e2a\u4e0d\u540c\u7684\u6570\u636e\u5217\u8868\r\n var list1 = ['Item 1 in List 1', 'Item 2 in List 1'];\r\n var list2 = ['Item 1 in List 2', 'Item 2 in List 2', 'Item 3 in List 2'];\r\n\r\n \/\/ \u83b7\u53d6HTML\u4e2d\u7684\u5143\u7d20\r\n var ulElement = document.getElementById('dynamicList');\r\n var button1 = document.getElementById('button1');\r\n var button2 = document.getElementById('button2');\r\n\r\n \/\/ \u4e3a\u7b2c\u4e00\u4e2a\u6309\u94ae\u6dfb\u52a0\u70b9\u51fb\u4e8b\u4ef6\u76d1\u542c\u5668\r\n button1.addEventListener('click', function() {\r\n \/\/ \u6e05\u7a7a\u5df2\u6709li\r\n while (ulElement.firstChild) {\r\n ulElement.removeChild(ulElement.firstChild);\r\n }\r\n\r\n \/\/ \u663e\u793a\u5217\u88681\u7684\u5185\u5bb9\r\n showList(list1);\r\n });\r\n\r\n \/\/ \u4e3a\u7b2c\u4e8c\u4e2a\u6309\u94ae\u6dfb\u52a0\u70b9\u51fb\u4e8b\u4ef6\u76d1\u542c\u5668\r\n button2.addEventListener('click', function() {\r\n \/\/ \u6e05\u7a7a\u5df2\u6709li\r\n while (ulElement.firstChild) {\r\n ulElement.removeChild(ulElement.firstChild);\r\n }\r\n\r\n \/\/ \u663e\u793a\u5217\u88682\u7684\u5185\u5bb9\r\n showList(list2);\r\n });\r\n\r\n \/\/ \u7528\u4e8e\u663e\u793a\u5217\u8868\u7684\u51fd\u6570\r\n function showList(items) {\r\n for (var i = 0; i < items.length; i++) {\r\n var li = document.createElement('li');\r\n li.textContent = items[i];\r\n ulElement.appendChild(li);\r\n }\r\n }\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u52a8\u6001\u6dfb\u52a0LI\u5230UL \u663e\u793a\u5217\u88681 \u663e\u793a\u5217\u88682<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-57","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/openkg.cn\/en\/wp-json\/wp\/v2\/pages\/57","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/openkg.cn\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/openkg.cn\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/openkg.cn\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/openkg.cn\/en\/wp-json\/wp\/v2\/comments?post=57"}],"version-history":[{"count":109,"href":"http:\/\/openkg.cn\/en\/wp-json\/wp\/v2\/pages\/57\/revisions"}],"predecessor-version":[{"id":4082,"href":"http:\/\/openkg.cn\/en\/wp-json\/wp\/v2\/pages\/57\/revisions\/4082"}],"wp:attachment":[{"href":"http:\/\/openkg.cn\/en\/wp-json\/wp\/v2\/media?parent=57"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}