{"id":3583,"date":"2024-06-09T14:18:37","date_gmt":"2024-06-09T05:18:37","guid":{"rendered":"https:\/\/blue-bear.jp\/kb\/?p=3583"},"modified":"2024-06-09T14:18:38","modified_gmt":"2024-06-09T05:18:38","slug":"javascript-table%e3%81%aeid%e3%81%ae%e7%95%aa%e5%8f%b7%e3%82%92%e6%8c%af%e3%82%8a%e7%9b%b4%e3%81%99","status":"publish","type":"post","link":"https:\/\/blue-bear.jp\/kb\/javascript-table%e3%81%aeid%e3%81%ae%e7%95%aa%e5%8f%b7%e3%82%92%e6%8c%af%e3%82%8a%e7%9b%b4%e3%81%99\/","title":{"rendered":"[Javascript] Table\u306eID\u306e\u756a\u53f7\u3092\u632f\u308a\u76f4\u3059"},"content":{"rendered":"\n<p>table\u306b\u305d\u308c\u305e\u308c\u9806\u756a\u306b0\u304b\u3089\u8907\u6570\u306e\u756a\u53f7\u304c\u632f\u3089\u308c\u3066\u3044\u308b\u3001ADD\u30dc\u30bf\u30f3\u3092\u62bc\u3059\u3068\uff11\u884c\u76ee\u306b\u65b0\u3057\u3044\u5217\u304c\u5165\u308b\u3088\u3046\u306b\u306a\u3063\u3066\u3044\u308b\u304c\u3001\u305d\u308c\u306b\u547c\u5fdc\u3057\u3066ID\u306e\u756a\u53f7\u3092\u304d\u308c\u3044\u306b\u4e26\u3073\u66ff\u3048\u308b\u30b3\u30fc\u30c9<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html>\n&lt;html lang=\"ja\">\n&lt;head>\n    &lt;meta charset=\"UTF-8\">\n    &lt;title>Table ID Renumbering&lt;\/title>\n&lt;\/head>\n&lt;body>\n    &lt;table id=\"0\">\u4e09\u5cf6\u3067\u3059&lt;\/table>\n    &lt;table id=\"1\">\u30b9\u30ba\u30ad\u3067\u3059&lt;\/table>\n    &lt;table id=\"2\">\u7530\u4e2d\u3067\u3059&lt;\/table>\n    &lt;button id=\"add\">Add Table&lt;\/button>\n\n    &lt;script>\n        \/\/ \u30dc\u30bf\u30f3\u304c\u30af\u30ea\u30c3\u30af\u3055\u308c\u305f\u3068\u304d\u306e\u51e6\u7406\n        document.getElementById('add').addEventListener('click', function() {\n            \/\/ \u65b0\u3057\u3044\u30c6\u30fc\u30d6\u30eb\u8981\u7d20\u3092\u4f5c\u6210\n            var newTable = document.createElement('table');\n            var randomId = Math.floor(Math.random() * 1000); \/\/ \u30e9\u30f3\u30c0\u30e0\u306aID\u3092\u751f\u6210\n            newTable.id = randomId;\n            \n            \/\/ \u30c6\u30fc\u30d6\u30eb\u306e\u5185\u5bb9\u3092\u8ffd\u52a0\n            newTable.innerHTML = '&lt;tr>&lt;td>\u65b0\u3057\u3044\u30c6\u30fc\u30d6\u30eb&lt;\/td>&lt;\/tr>';\n            \n            \/\/ \u6700\u521d\u306e\u30c6\u30fc\u30d6\u30eb\u306e\u5f8c\u306b\u65b0\u3057\u3044\u30c6\u30fc\u30d6\u30eb\u3092\u633f\u5165\n            var firstTable = document.getElementById('0');\n            firstTable.parentNode.insertBefore(newTable, firstTable.nextSibling);\n\n            \/\/ ID\u306e\u632f\u308a\u76f4\u3057\n            renumberTableIds();\n        });\n\n        \/\/ \u30c6\u30fc\u30d6\u30ebID\u30920\u304b\u3089\u9806\u306b\u632f\u308a\u76f4\u3059\u95a2\u6570\n        function renumberTableIds() {\n            var tables = document.getElementsByTagName('table');\n            for (var i = 0; i &lt; tables.length; i++) {\n                tables&#91;i].id = i.toString();\n            }\n        }\n    &lt;\/script>\n&lt;\/body>\n&lt;\/html><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>table\u306b\u305d\u308c\u305e\u308c\u9806\u756a\u306b0\u304b\u3089\u8907\u6570\u306e\u756a<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/posts\/3583"}],"collection":[{"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/comments?post=3583"}],"version-history":[{"count":1,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/posts\/3583\/revisions"}],"predecessor-version":[{"id":3584,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/posts\/3583\/revisions\/3584"}],"wp:attachment":[{"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/media?parent=3583"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/categories?post=3583"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/tags?post=3583"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}