{"id":4267,"date":"2023-04-25T21:41:31","date_gmt":"2023-04-25T12:41:31","guid":{"rendered":"http:\/\/www.lining-moon.casa\/andplus.co.jp_230822_230809\/?p=4267"},"modified":"2026-10-28T20:12:44","modified_gmt":"2026-10-28T11:12:44","slug":"post-4267","status":"publish","type":"post","link":"https:\/\/code-plus.jp\/gp\/post-4267\/","title":{"rendered":"class\u540d\u304b\u3089ID\u5c5e\u6027\u3092\u53d6\u5f97\u3057\u3066\u3001\u540c\u3058\u51e6\u7406\u3092\u8907\u6570\u306e\u8981\u7d20\u306b\u4e00\u62ec\u3067\u5b9f\u884c\u3059\u308b\u65b9\u6cd5"},"content":{"rendered":"<p>JavaScript\u3092\u4f7f\u7528\u3057\u3066\u3001\u4efb\u610f\u306e\u30af\u30e9\u30b9\u540d\u3092\u6301\u3064\u8981\u7d20\u3092\u53d6\u5f97\u3057\u3001\u305d\u308c\u305e\u308c\u306e\u8981\u7d20\u306eID\u5c5e\u6027\u3092\u53d6\u5f97\u3057\u3066\u51e6\u7406\u5bfe\u8c61\u306b\u3059\u308b\u65b9\u6cd5\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n<p>&nbsp;<\/p>\n<pre class=\"&quot;language-javaScript\"><code>let lstTriggerAD1999s = document.querySelectorAll(\".js-triggerAD1999\");\nlet triggerAD1999s = Array.prototype.slice.call(lstTriggerAD1999s); \/\/Array.NodeList\n\n\/\/\u30c8\u30ea\u30ac\u30fc\u304b\u3089ID\u3092\u53d6\u308a\u51fa\u3057\u3066\u3001\u30eb\u30fc\u30d7\u51e6\u7406\nlet lngtAD1999 = triggerAD1999s.length;\nfor (var n = 0; n &lt; lngtAD1999; n++) {\n  \/\/ID\u3092\u51e6\u7406\u5bfe\u8c61\u306b\u3059\u308b\n  var targetAD1999 = triggerAD1999s[n].getAttribute('id');\n  var targetAD1999 = document.getElementById(targetAD1999);\n  \/\/action\n  \/\/\uff08\u3053\u3053\u306b\u51e6\u7406\u3055\u305b\u308b\u5185\u5bb9\uff09\n  targetAD1999.classList.add('Lavos');\n  \n}; \/\/for{}\n<\/code><\/pre>\n<p>\u4ee5\u4e0b\u304c\u5404\u884c\u306e\u89e3\u8aac\u3067\u3059\u3002<\/p>\n<p>&nbsp;<\/p>\n<p>1\u884c\u76ee\uff1a\u5909\u6570\u300clstTriggerAD1999s\u300d\u306b\u3001\u30af\u30e9\u30b9\u540d\u300c.js-triggerAD1999\u300d\u3092\u6301\u3064\u5168\u3066\u306e\u8981\u7d20\u3092\u53d6\u5f97\u3057\u3066\u4ee3\u5165\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<p>2\u884c\u76ee\uff1aNodeList\u3092\u914d\u5217\u306b\u5909\u63db\u3057\u3066\u3001\u5909\u6570\u300ctriggerAD1999s\u300d\u306b\u4ee3\u5165\u3057\u3066\u3044\u307e\u3059\u3002\u3053\u306e\u914d\u5217\u3092\u30eb\u30fc\u30d7\u51e6\u7406\u3059\u308b\u3053\u3068\u3067\u3001\u5404\u8981\u7d20\u306eID\u5c5e\u6027\u3092\u53d6\u5f97\u3057\u3066\u51e6\u7406\u5bfe\u8c61\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n<p>5\u884c\u76ee\u304b\u308911\u884c\u76ee\uff1afor\u30eb\u30fc\u30d7\u3092\u4f7f\u7528\u3057\u3066\u3001\u914d\u5217\u5185\u306e\u5404\u8981\u7d20\u306eID\u5c5e\u6027\u3092\u53d6\u5f97\u3057\u3066\u51e6\u7406\u5bfe\u8c61\u306b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<p>6\u884c\u76ee\uff1a\u5909\u6570\u300ctargetAD1999\u300d\u306b\u3001for\u30eb\u30fc\u30d7\u3067\u53d6\u5f97\u3057\u305f\u8981\u7d20\u306eID\u5c5e\u6027\u3092\u4ee3\u5165\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<p>7\u884c\u76ee\uff1a\u5909\u6570\u300ctargetAD1999\u300d\u306b\u3001\u53d6\u5f97\u3057\u305fID\u5c5e\u6027\u3092\u6301\u3064\u8981\u7d20\u3092\u4ee3\u5165\u3057\u3066\u3044\u307e\u3059\u3002\u3064\u307e\u308a\u3001\u8981\u7d20\u81ea\u4f53\u304c\u5909\u6570\u300ctargetAD1999\u300d\u306b\u683c\u7d0d\u3055\u308c\u307e\u3059\u3002<\/p>\n<p>10\u884c\u76ee\uff1a\u5909\u6570\u300ctargetAD1999\u300d\u306b\u5bfe\u3057\u3066\u3001classList.add\u30e1\u30bd\u30c3\u30c9\u3092\u4f7f\u7528\u3057\u3066\u300cLavos\u300d\u3068\u3044\u3046\u30af\u30e9\u30b9\u3092\u8ffd\u52a0\u3057\u3066\u3044\u307e\u3059\u3002\u3053\u306e\u51e6\u7406\u306b\u3088\u308a\u3001\u5bfe\u8c61\u306e\u8981\u7d20\u306b\u300cLavos\u300d\u3068\u3044\u3046\u30b9\u30bf\u30a4\u30eb\u3092\u9069\u7528\u3067\u304d\u307e\u3059\u3002<\/p>\n<p>&nbsp;<\/p>\n<div>\n<div><span>\u3053\u306e\u30b3\u30fc\u30c9\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u306b\u3088\u308a\u3001\u540c\u3058\u51e6\u7406\u3092\u8907\u6570\u306e\u8981\u7d20\u306b\u5bfe\u3057\u3066\u9069\u7528\u3055\u305b\u305f\u3044\u5834\u5408\u306b\u3001\u305d\u308c\u305e\u308c\u306e\u30b9\u30e9\u30a4\u30c0\u30fc\u306b\u5bfe\u3057\u3066\u540c\u3058\u51e6\u7406\u3092\u66f8\u304b\u306a\u304f\u3066\u3082\u3001\u3053\u306e\u30b3\u30fc\u30c9\u3092\u4f7f\u7528\u3057\u3066\u4e00\u62ec\u3067\u51e6\u7406\u3092\u9069\u7528\u3067\u304d\u307e\u3059\u3002<\/span><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"JavaScript\u3092\u4f7f\u7528\u3057\u3066\u3001\u4efb\u610f\u306e\u30af\u30e9\u30b9\u540d\u3092\u6301\u3064\u8981\u7d20\u3092\u53d6\u5f97\u3057\u3001\u305d\u308c\u305e\u308c\u306e\u8981\u7d20\u306eID\u5c5e\u6027\u3092\u53d6\u5f97\u3057\u3066\u51e6\u7406\u5bfe\u8c61\u306b\u3059\u308b\u65b9\u6cd5\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002 &nbsp; let lstTriggerAD1999s = document.qu[...]","protected":false},"author":1,"featured_media":4357,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[9],"tags":[],"group":[],"pg":[],"class_list":["post-4267","post","type-post","status-publish","format-standard","has-post-thumbnail","category-php-wordpress"],"acf":[],"_links":{"self":[{"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/posts\/4267","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/comments?post=4267"}],"version-history":[{"count":1,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/posts\/4267\/revisions"}],"predecessor-version":[{"id":15788,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/posts\/4267\/revisions\/15788"}],"wp:attachment":[{"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/media?parent=4267"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/categories?post=4267"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/tags?post=4267"},{"taxonomy":"group","embeddable":true,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/group?post=4267"},{"taxonomy":"pg","embeddable":true,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/pg?post=4267"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}