{"id":645,"date":"2019-07-01T11:50:04","date_gmt":"2019-07-01T11:50:04","guid":{"rendered":"https:\/\/coru2.com\/blog\/?p=645"},"modified":"2019-07-01T11:50:08","modified_gmt":"2019-07-01T11:50:08","slug":"getelementsbyclassname%e3%81%ae%e5%87%a6%e7%90%86%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6","status":"publish","type":"post","link":"https:\/\/coru2.com\/blog\/archives\/645","title":{"rendered":"getElementsByClassName\u306e\u51e6\u7406\u306b\u3064\u3044\u3066"},"content":{"rendered":"\n

\u304a\u307c\u3048\u304c\u304d\u3002<\/p>\n\n\n\n

\u6700\u8fd1 JavaScript\u306e document.getElementsByClassName() \u3067\u53d6\u5f97\u3057\u305fDOM\u306b\u5bfe\u3057\u3066\u64cd\u4f5c\u3057\u3088\u3046\u3068\u3057\u3066\u3064\u307e\u3065\u3044\u305f\u304a\u8a71\u3002<\/p>\n\n\n\n\n\n\n\n

document.getElementsByClassName('\u30af\u30e9\u30b9\u540d').innerHTML = '';<\/code><\/pre>\n\n\n\n
\u3053\u3046\u3044\u3063\u305f\u611f\u3058\u306b\u3001\u7279\u5b9a\u306e\u30af\u30e9\u30b9\u306b\u5bfe\u3057\u3066\u51e6\u7406\u3092\u3057\u305f\u304b\u3063\u305f\u306e\u3067\u3059\u304c\u3001\u30a8\u30e9\u30fc\u304c\u3067\u307e\u3057\u305f\u3002
\u57fa\u672c\u3092\u3057\u3063\u304b\u308a\u5b66\u3093\u3067\u304d\u305f\u4eba\u9054\u306b\u306f\u3001\u300c\u3048\u3063\u3001\u5f53\u305f\u308a\u524d\u3058\u3083\u306a\u3044\uff1f\u300d<\/strong>\u3068\u601d\u308f\u308c\u308b\u6848\u4ef6\u3067\u3059\u3002<\/p>\n\n\n\n
\u306a\u3093\u3067\u81ea\u5206\u304c\u3001\u3053\u3053\u3067\u3064\u307e\u3065\u3044\u305f\u304b\u3068\u8a00\u3046\u3068\u3001jQuery\u306e\u8a18\u6cd5\u304c\u539f\u56e0\u3067\u3057\u305f\u3002<\/p>\n\n\n\n
$('.\u30af\u30e9\u30b9\u540d').empty();<\/code><\/pre>\n\n\n\n
jQuery\u3063\u3066\u3001\u3053\u308c\u3067\u52d5\u3044\u3066\u3057\u307e\u3046\u3093\u3067\u3059\u3088\u306d\u3002\u7c21\u5358\u3002<\/p>\n\n\n\n
\u4fee\u6b63\u7248<\/h3>\n\n\n\n
var content = document.getElementsByClassName('\u30af\u30e9\u30b9\u540d')\nfor(var i=0; i<content.length(); i++){\n  content.innerHTML = '';\n}<\/code><\/pre>\n\n\n\n
\u3053\u3093\u306a\u611f\u3058\u306b\u66f8\u304d\u63db\u3048\u307e\u3057\u305f\u3068\u3053\u308d\u52d5\u4f5c\u3057\u307e\u3057\u305f\u3002
(\u308f\u304b\u308a\u3084\u3059\u3044\u3088\u3046\u306bvar\u4f7f\u3063\u3066\u307e\u3059\u304c\u3001\u5b9f\u969b\u306fconst\u3084let\u4f7f\u3046\u611f\u3058\u3067\u3044\u3044\u3067\u3059\uff09<\/p>\n\n\n\n
getElements\u306e\u3088\u3046\u306b\u8907\u6570\u5f62\u306e\u6271\u3044\u306b\u306a\u3063\u3066\u3044\u308b\u5834\u5408\u306f\u914d\u5217\u3067\u53d6\u5f97\u3055\u308c\u308b\u305f\u3081\u3001\u51e6\u7406\u3092\u4e00\u3064\u4e00\u3064\u30eb\u30fc\u30d7\u3067\u56de\u3059\u5fc5\u8981\u304c\u3042\u308b\u306e\u3067\u3059\u306d\u3002<\/p>\n\n\n\n
\u540c\u69d8\u306b<\/p>\n\n\n\n
document.getElementsByTagName('HTML\u30bf\u30b0\u540d')<\/code><\/pre>\n\n\n\n
\u3053\u308c\u3082\u540c\u3058\u3067\u3001\u8907\u6570\u5f62\u306eDOM\u306f\u3001\u5fc5\u305a\u30eb\u30fc\u30d7\u306a\u3069\u3067\u51e6\u7406\u3092\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u3002<\/p>\n\n\n\n
\u3055\u3044\u3054\u306b<\/h3>\n\n\n\n
jQuery\u3070\u3063\u304b\u308a\u3084\u3063\u3066\u304d\u305f\u81ea\u5206\u306a\u306e\u3067\u3001\u7d20\u306eJavaScript\u306b\u82e6\u624b\u610f\u8b58\u3042\u308b\u306e\u3067\u3001\u5c11\u3057\u305a\u3064\u514b\u670d\u3057\u3066\u3044\u304d\u305f\u3044\u3057\u3087\u305e\u3093\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"
\u304a\u307c\u3048\u304c\u304d\u3002 \u6700\u8fd1 JavaScript\u306e document.getElementsByClassName() \u3067\u53d6\u5f97\u3057\u305fDOM\u306b\u5bfe\u3057\u3066\u64cd\u4f5c\u3057\u3088\u3046\u3068\u3057\u3066\u3064\u307e\u3065\u3044\u305f\u304a\u8a71\u3002<\/p>\n","protected":false},"author":1,"featured_media":464,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","wp-seo-meta-description":"","wp-seo-meta-robots":[]},"categories":[54,56],"tags":[],"class_list":{"0":"post-645","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-web","8":"category-javascript","9":"c-entry"},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/coru2.com\/blog\/wp-json\/wp\/v2\/posts\/645","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coru2.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/coru2.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/coru2.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/coru2.com\/blog\/wp-json\/wp\/v2\/comments?post=645"}],"version-history":[{"count":2,"href":"https:\/\/coru2.com\/blog\/wp-json\/wp\/v2\/posts\/645\/revisions"}],"predecessor-version":[{"id":647,"href":"https:\/\/coru2.com\/blog\/wp-json\/wp\/v2\/posts\/645\/revisions\/647"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/coru2.com\/blog\/wp-json\/wp\/v2\/media\/464"}],"wp:attachment":[{"href":"https:\/\/coru2.com\/blog\/wp-json\/wp\/v2\/media?parent=645"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/coru2.com\/blog\/wp-json\/wp\/v2\/categories?post=645"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/coru2.com\/blog\/wp-json\/wp\/v2\/tags?post=645"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}