{"url":"https://hirano-vm4.hatenablog.com/entry/2023/11/07/170215","title":"\u3010\u521d\u5b66\u8005\u7528\u307e\u3068\u3081(DOM\u64cd\u4f5c\u7de8)\u3011\u307e\u305a\u899a\u3048\u308b\u3079\u304dJavaScript\u306e\u30b3\u30fc\u30c9\u306e\u66f8\u304d\u65b9\uff08\u81ea\u7fd2\u8a18\u9332\uff09","provider_url":"https://hatena.blog","version":"1.0","published":"2023-11-07 17:02:15","blog_url":"https://hirano-vm4.hatenablog.com/","author_name":"hiranovm4","width":"100%","image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/h/hiranovm4/20231107/20231107173454.png","provider_name":"Hatena Blog","description":"\u306f\u3058\u3081\u306b \u524d\u63d0 DOM\u64cd\u4f5c DOM\u3068\u306f DOM\u306e\u968e\u5c64\u69cb\u9020 \u30ce\u30fc\u30c9\u9593\u306e\u95a2\u4fc2 id\u5c5e\u6027\u306e\u5024\u3092\u6307\u5b9a\u3057\u3066\u8981\u7d20\u30ce\u30fc\u30c9\u3092\u53d6\u5f97(getElementById) \u30bf\u30b0\u540d\u3092\u6307\u5b9a\u3057\u3066\u8981\u7d20\u30ce\u30fc\u30c9\u3092\u53d6\u5f97(getElementsByTagName) \u7279\u5b9a\u306e\u8981\u7d20\u306e\u5b50\u5b6b\u8981\u7d20\u306b\u9650\u5b9a\u3057\u3066\u8981\u7d20\u30ce\u30fc\u30c9\u3092\u53d6\u5f97 class\u5c5e\u6027\u306e\u5024\u3092\u6307\u5b9a\u3057\u3066\u8981\u7d20\u30ce\u30fc\u30c9\u3092\u53d6\u5f97(getElementsByClassName) name\u5c5e\u6027\u306e\u5024\u3092\u6307\u5b9a\u3057\u3066\u8981\u7d20\u30ce\u30fc\u30c9\u3092\u53d6\u5f97(getElementsByName) CSS\u30bb\u30ec\u30af\u30bf\u5f62\u5f0f\u306e\u6761\u4ef6\u306b\u4e00\u81f4\u3059\u308b\u8981\u7d20\u30ce\u30fc\u30c9\u3092\u53d6\u5f97(querySelector, querySelectorAll) CSS\u30bb\u30ec\u30af\u30bf\u306e\u7a2e\u985e\u3068\u6307\u5b9a\u65b9\u6cd5 \u30ce\u2026","author_url":"https://blog.hatena.ne.jp/hiranovm4/","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fhirano-vm4.hatenablog.com%2Fentry%2F2023%2F11%2F07%2F170215\" title=\"\u3010\u521d\u5b66\u8005\u7528\u307e\u3068\u3081(DOM\u64cd\u4f5c\u7de8)\u3011\u307e\u305a\u899a\u3048\u308b\u3079\u304dJavaScript\u306e\u30b3\u30fc\u30c9\u306e\u66f8\u304d\u65b9\uff08\u81ea\u7fd2\u8a18\u9332\uff09 - Code Journey\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","type":"rich","categories":["JavaScript"],"blog_title":"Code Journey","height":"190"}