{"id":1643,"date":"2021-08-09T15:02:51","date_gmt":"2021-08-09T06:02:51","guid":{"rendered":"http:\/\/www.agile-software.site\/?p=1643"},"modified":"2021-09-05T16:00:23","modified_gmt":"2021-09-05T07:00:23","slug":"javascript%e7%b7%b4%e7%bf%92%e2%91%a0","status":"publish","type":"post","link":"https:\/\/agile-software.net\/?p=1643","title":{"rendered":"JavaScript\u7df4\u7fd2\u2460"},"content":{"rendered":"\n

\u56fd\u540d\u3092\u5165\u529b\u3057\u3066\u56fd\u65d7\u3092\u5909\u3048\u308b<\/h2>\n\n\n\n

table\u306eCSS\u3092\u8a2d\u5b9a<\/h3>\n\n\n\n
border-collapse: collapse<\/div>\n

\u96a3\u63a5\u3059\u308b\u30bb\u30eb\u306e\u30dc\u30fc\u30c0\u30fc\u3092\u91cd\u306d\u30661\u672c\u306e\u7dda\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n<\/div>\n\n\n\n

 <head>\n  <meta charset="utf-8">\n  <style>\n  body { text-align: center; }\n  table {\n   border-collapse: collapse;\n   margin: auto;\n  }\n  td {\n   border: 1px solid;\n   width: 150px;\n   height: 300px;\n  }\n  <\/style>\n  <title>\u56fd\u540d\u3092\u5165\u529b\u3057\u3066\u56fd\u65d7\u3092\u5909\u3048\u308b<\/title>\n <\/head><\/code><\/pre><\/div>\n\n\n\n
caption\u3067\u8868\u306e\u30bf\u30a4\u30c8\u30eb\u3092\u8a2d\u5b9a\u3002<\/p>\n\n\n\n
<tr>\u30bf\u30b0\u306e\u4e2d\u3067<td>\u30bf\u30b0\u30923\u3064\u4f5c\u6210\u3059\u308b\u3053\u3068\u30671\u884c3\u5217\u306e\u8868\u3092\u4f5c\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002
id\u3092\u4f7f\u3046\u3053\u3068\u306b\u3088\u3063\u3066\u5de6\u306e\u30bb\u30eb\u3092left,\u4e2d\u592e\u306e\u30bb\u30eb\u3092middle,\u53f3\u306e\u30bb\u30eb\u3092right\u3068\u6307\u5b9a\u3057\u307e\u3059\u3002
\u6307\u5b9a\u3057\u305f\u5404\u8981\u7d20\u3092document.getElementById<\/p>\n\n\n\n
\u30af\u30ea\u30c3\u30af\u3057\u305f\u3068\u304d\u306b\u50cd\u304f\u95a2\u6570changeCol()\u3092onclick\u3067\u6307\u5b9a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
prompt\u3067\u5165\u529b\u30c0\u30a4\u30a2\u30ed\u30b0\u3092\u8868\u793a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
 <body>\n  <table>\n  <caption id="cap">\u56fd\u540d<\/caption>\n  <tr>\n  <td id="left"><\/td>\n  <td id="middle"><\/td>\n  <td id="right"><\/td>\n  <\/tr>\n  <\/table>\n  <br>\n  <input type="button" value="\u56fd\u540d\u3092\u5165\u529b\u3059\u308b" onclick="changeCol()">\n\n  <script>\n  function changeCol() {\n   var cap = document.getElementById("cap");\n   var cel_l = document.getElementById("left");\n   var cel_m = document.getElementById("middle");\n   var cel_r = document.getElementById("right");\n\n   var country = prompt("\u3069\u306e\u56fd\u306e\u56fd\u65d7\u306b\u3057\u307e\u3059\u304b\uff1f\\n\u30d5\u30e9\u30f3\u30b9\u3001\u30a4\u30bf\u30ea\u30a2\u3001\u30ae\u30cb\u30a2\u306e\u3044\u305a\u308c\u304b\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","");\n   cap.textContent = country;\n\n   if(country == "\u30d5\u30e9\u30f3\u30b9") {\n    cel_l.style.backgroundColor = "navy";\n    cel_m.style.backgroundColor = "white";\n    cel_r.style.backgroundColor = "red";\n   }\n   else if(country == "\u30a4\u30bf\u30ea\u30a2") {\n    cel_l.style.backgroundColor = "green";\n    cel_m.style.backgroundColor = "white";\n    cel_r.style.backgroundColor = "red";\n   }\n   else if(country == "\u30ae\u30cb\u30a2") {\n    cel_l.style.backgroundColor = "red";\n    cel_m.style.backgroundColor = "gold";\n    cel_r.style.backgroundColor = "green";\n   }\n   else {\n    alert("\u5165\u529b\u3067\u304d\u308b\u56fd\u540d\u306f\u30d5\u30e9\u30f3\u30b9\u3001\u30a4\u30bf\u30ea\u30a2\u3001\u30ae\u30cb\u30a2\u306e\u3044\u305a\u308c\u304b\u3067\u3059\u3002");\n   }\n  }\n  <\/script>\n <\/body><\/code><\/pre><\/div>\n\n\n\nhttp:\/\/www.agile-software.site\/2021\/06\/27\/table\/\n","protected":false},"excerpt":{"rendered":"
\u56fd\u540d\u3092\u5165\u529b\u3057\u3066\u56fd\u65d7\u3092\u5909\u3048\u308b table\u306eCSS\u3092\u8a2d\u5b9a caption\u3067\u8868\u306e\u30bf\u30a4\u30c8\u30eb\u3092\u8a2d\u5b9a\u3002 lt;trgt;\u30bf\u30b0\u306e\u4e2d\u3067lt;tdgt;\u30bf\u30b0\u30923\u3064\u4f5c\u6210\u3059\u308b\u3053\u3068\u30671\u884c3\u5217\u306e\u8868\u3092\u4f5c\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002id\u3092\u4f7f\u3046\u3053\u3068\u306b<\/p>\n","protected":false},"author":1,"featured_media":1739,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jin_ogp_image_url":"","_jin_last_featured_id":0,"footnotes":""},"categories":[6],"tags":[],"class_list":["post-1643","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript"],"_links":{"self":[{"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/posts\/1643","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agile-software.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1643"}],"version-history":[{"count":2,"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/posts\/1643\/revisions"}],"predecessor-version":[{"id":1740,"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/posts\/1643\/revisions\/1740"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/media\/1739"}],"wp:attachment":[{"href":"https:\/\/agile-software.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1643"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/agile-software.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1643"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/agile-software.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1643"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}