{"id":10577,"date":"2022-05-26T07:35:30","date_gmt":"2022-05-25T22:35:30","guid":{"rendered":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/?p=10577"},"modified":"2022-05-26T07:35:30","modified_gmt":"2022-05-25T22:35:30","slug":"table-selectcolor","status":"publish","type":"post","link":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/2022\/05\/26\/table-selectcolor\/","title":{"rendered":"\u3010HTML\/Javascript\u3011Table\u3092\u30af\u30ea\u30c3\u30af\u3057\u305f\u6642\u306b\u9078\u629e\u884c\u306e\u80cc\u666f\u8272\u3092\u5909\u3048\u308b\u65b9\u6cd5"},"content":{"rendered":"<p>Javascript\u3067\u4ee5\u4e0b\u306e\u52d5\u753b\u306e\u3088\u3046\u306b\u30af\u30ea\u30c3\u30af\u3057\u305f\u884c\u306e\u80cc\u666f\u8272\u3092\u5909\u3048\u308b\u65b9\u6cd5\u306b\u3064\u3044\u3066\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n<div style=\"width: 580px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-10577-1\" width=\"580\" height=\"326\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-content\/uploads\/2022\/05\/2022-05-26-05-30-55.mp4?_=1\" \/><a href=\"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-content\/uploads\/2022\/05\/2022-05-26-05-30-55.mp4\">http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-content\/uploads\/2022\/05\/2022-05-26-05-30-55.mp4<\/a><\/video><\/div>\n<p>&nbsp;<\/p>\n<p>\u4ee5\u4e0b\u306e\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9\u3067\u53ef\u80fd\u306b\u306a\u308a\u307e\u3059\u3002\u3053\u308c\u3092body\u30bf\u30b0\u306e\u6700\u5f8c\u306b\u57cb\u3081\u8fbc\u3081\u308c\u3070OK\u3067\u3059\u3002<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nvar table = document.querySelector(&quot;table&quot;);\r\nvar tr = table.querySelectorAll(&quot;tr&quot;);\r\ntable.addEventListener(&quot;click&quot;, function(e) {\r\n  if(e.target.tagName.toLowerCase() === &quot;td&quot;) {\r\n    \/\/\u307e\u305a\u306f\u5168\u3066\u80cc\u666f\u8272\u767d\r\n    for(var i = 0; i &lt; tr.length; i++) {\r\n      \/\/ alert(i +': '+ tr&#x5B;i].style.backgroundColor);\r\n      tr&#x5B;i].style.backgroundColor = &quot;white&quot;;\r\n    }\r\n    \/\/\u9078\u629e\u884c\u3060\u3051\u8272\u3092\u5909\u3048\u308b\r\n    e.target.parentNode.style.backgroundColor = &quot;#eef&quot;;\r\n  }\r\n}, false);\r\n \r\n<\/pre>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Javascript\u3067\u4ee5\u4e0b\u306e\u52d5\u753b\u306e\u3088\u3046\u306b\u30af\u30ea\u30c3\u30af\u3057\u305f\u884c\u306e\u80cc\u666f\u8272\u3092\u5909\u3048\u308b\u65b9\u6cd5\u306b\u3064\u3044 &#8230; <\/p>\n","protected":false},"author":1,"featured_media":10581,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20],"tags":[],"class_list":["post-10577","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-htmljavascript"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/posts\/10577","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/comments?post=10577"}],"version-history":[{"count":2,"href":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/posts\/10577\/revisions"}],"predecessor-version":[{"id":10580,"href":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/posts\/10577\/revisions\/10580"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/media\/10581"}],"wp:attachment":[{"href":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/media?parent=10577"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/categories?post=10577"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/tags?post=10577"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}