{"id":644,"date":"2017-10-18T13:52:26","date_gmt":"2017-10-18T04:52:26","guid":{"rendered":"http:\/\/www.takaya-com.jp\/archives\/?p=644"},"modified":"2017-10-18T13:53:56","modified_gmt":"2017-10-18T04:53:56","slug":"javascript%e3%81%a7%e3%82%82%e3%81%a3%e3%81%a8%e8%aa%ad%e3%82%80%e6%a9%9f%e8%83%bd%e3%82%92%e5%ae%9f%e8%a3%85%e3%81%97%e3%82%88%e3%81%86","status":"publish","type":"post","link":"https:\/\/takaya-com.jp\/archives\/2017\/10\/javascript%e3%81%a7%e3%82%82%e3%81%a3%e3%81%a8%e8%aa%ad%e3%82%80%e6%a9%9f%e8%83%bd%e3%82%92%e5%ae%9f%e8%a3%85%e3%81%97%e3%82%88%e3%81%86\/","title":{"rendered":"javascript\u3067\u3082\u3063\u3068\u8aad\u3080\u6a5f\u80fd\u3092\u5b9f\u88c5\u3057\u3088\u3046"},"content":{"rendered":"<p><!-- \u672c\u6587 --><br \/>\nhtml\u306b\u76f4\u63a5javascript\u3092\u8a18\u8ff0\u3057\u3066\u3001jquery\u3092\u4f7f\u308f\u305a\u306b\u3082\u3063\u3068\u8aad\u3080\u6a5f\u80fd\u3092\u5b9f\u88c5\u3057\u3088\u3046\u3002<br \/>\n<!--more--><br \/>\ncss\u3001js\u30d5\u30a1\u30a4\u30eb\u306f\u4e0d\u8981\u3002\u7c21\u5358\u306a\u30b3\u30fc\u30c9\u3067\u5b9f\u88c5\u3067\u304d\u307e\u3059\u3002\u4e0b\u8a18\u304c\u30b5\u30f3\u30d7\u30eb\u30b3\u30fc\u30c9\u3067\u3059\u3002script\u9818\u57df\u306e\u5185\u5bb9\u3092html\u306ebody\u8981\u7d20\u5185\u306b\u305d\u306e\u307e\u307e\u8a18\u8ff0\u3059\u308c\u3070\u3001\u3082\u3063\u3068\u898b\u308b\u6a5f\u80fd\u304c\u52d5\u304d\u307e\u3059\u3002<\/p>\n<p>\u25bcScript\u9818\u57df<\/p>\n<pre class=\"lang:js decode:true \" title=\"Script\u9818\u57df\" >\r\n<script>\r\n(function(document){\r\n    var ww1 = document.getElementsByClassName('mm1').item(0);\r\n    var text= ww1.innerHTML;\r\n    var text30 = text.substr(0,22);\r\n    var textRemain = text.substr(22);\r\n    if (textRemain != '') {\r\n        ww1.innerHTML = text30\r\n            + '<span style=\"display:none;\" id=\"mmww1\">'\r\n            + textRemain\r\n            + '<\/span>'\r\n            + '<span style=\"color:red\" onclick=\"this.style.display=\\'none\\';document.getElementById(\\'mmww1\\').style.display=\\'inline\\';\">'\r\n            + '\u3082\u3063\u3068\u8aad\u3080'\r\n            + '<\/span>';\r\n    }\r\n})(document);\r\n<\/script>\r\n<script>\r\n(function(document){\r\n    var ww2 = document.getElementsByClassName('mm2').item(0);\r\n    var text= ww2.innerHTML;\r\n    var text30 = text.substr(0,7);\r\n    var textRemain = text.substr(7);\r\n    if (textRemain != '') {\r\n        ww2.innerHTML = text30\r\n            + '<span style=\"display:none;\" id=\"mmww2\">'\r\n            + textRemain\r\n            + '<\/span>'\r\n            + '<span style=\"color:red\" onclick=\"this.style.display=\\'none\\';document.getElementById(\\'mmww2\\').style.display=\\'inline\\';\">'\r\n            + '\u3082\u3063\u3068\u8aad\u3080'\r\n            + '<\/span>';\r\n    }\r\n})(document);\r\n<\/script>\r\n\r\n<\/pre>\n<p>\u25bcHTML<\/p>\n<pre class=\"lang:xhtml decode:true \" title=\"HTML\" >\r\n<h1>\u3082\u3063\u3068\u8aad\u3080\u3092\u5b9f\u88c5\u3057\u3088\u3046<\/h1>\r\n<h2>\u5965\u306e\u7d30\u9053<\/h2>\r\n<p class=\"mm1\">\u6708\u65e5\u306f\u767e\u4ee3\u306e\u904e\u5ba2\u306b\u3057\u3066\u3001\u884c\u304b\u3075\u5e74\u3082\u53c8\u65c5\u4eba\u4e5f\u3002 \u6708\u65e5\u3068\u3044\u3046\u306e\u306f\u3001\u6c38\u9060\u306b\u65c5\u3092\u7d9a\u3051\u308b\u65c5\u4eba\u306e\u3088\u3046\u306a\u3082\u306e\u3067\u3042\u308a\u3001\u6765\u3066\u306f\u53bb\u308a\u3001\u53bb\u3063\u3066\u306f\u6765\u308b\u5e74\u3082\u307e\u305f\u540c\u3058\u3088\u3046\u306b\u65c5\u4eba\u3067\u3042\u308b\u3002 \u821f\u306e\u4e0a\u306b\u751f\u6daf\u3092\u3046\u304b\u3079\u3001\u99ac\u306e\u53e3\u3068\u3089\u3048\u3066\u8001\u3092\u3080\u304b\u3075\u308b\u7269\u306f\u3001\u65e5\u3005\u65c5\u306b\u3057\u3066\u65c5\u3092\u6816\u3068\u3059\u3002<\/p>\r\n<h2>\u6795\u8349\u5b50<\/h2>\r\n<p class=\"mm2\">\u6625\u306f\u3042\u3051\u307c\u306e\u3002\u3084\u3046\u3084\u3046\u767d\u304f\u306a\u308a\u3086\u304f\u5c71\u304e\u306f\u3001\u3059\u3053\u3057\u3042\u304b\u308a\u3066\u3001\u7d2b\u3060\u3061\u305f\u308b \u96f2\u306e\u307b\u305d\u304f\u305f\u306a\u3073\u304d\u305f\u308b\u3002\r\n    \u3000\u590f\u306f\u591c\u3002\u6708\u306e\u3053\u308d\u306f\u3055\u3089\u306a\u308a\u3002\u3084\u307f\u3082\u306a\u307b\u3001\u86cd\u306e\u591a\u304f\u98db\u3073\u3061\u304c\u3072\u305f\u308b\u3002\u307e\u305f\u3001 \u305f\u3060\u4e00\u3064\u4e8c\u3064\u306a\u3069\u3001\u307b\u306e\u304b\u306b\u3046\u3061\u5149\u308a\u3066\u884c\u304f\u3082\u3092\u304b\u3057\u3002\u96e8\u306a\u3069\u964d\u308b\u3082\u3092\u304b\u3057\u3002\r\n    \u3000\u79cb\u306f\u5915\u66ae\u308c\u3002\u5915\u65e5\u306e\u3055\u3057\u3066\u5c71\u306e\u7aef\u3044\u3068\u8fd1\u3046\u306a\u308a\u305f\u308b\u306b\u3001\u70cf\u306e\u5bdd\u3069\u3053\u308d\u3078\u884c\u304f \u3068\u3066\u3001\u4e09\u3064\u56db\u3064\u3001\u4e8c\u3064\u4e09\u3064\u306a\u3069\u3001\u98db\u3073\u3044\u305d\u3050\u3055\u3078\u3042\u306f\u308c\u306a\u308a\u3002\u307e\u3044\u3066\u96c1\u306a\u3069\u306e \u3064\u3089\u306d\u305f\u308b\u304c\u3001\u3044\u3068\u5c0f\u3055\u304f\u898b\u3086\u308b\u306f\u3044\u3068\u3092\u304b\u3057\u3002\u65e5\u5165\u308a\u306f\u3066\u3066\u3001\u98a8\u306e\u97f3\u3001\u866b\u306e \u97f3\u306a\u3069\u3001\u306f\u305f\u3044\u3075\u3079\u304d\u306b\u3042\u3089\u305a\u3002\r\n    \u3000\u51ac\u306f\u3064\u3068\u3081\u3066\u3002\u96ea\u306e\u964d\u308a\u305f\u308b\u306f\u3044\u3075\u3079\u304d\u306b\u3082\u3042\u3089\u305a\u3001\u971c\u306e\u3044\u3068\u767d\u304d\u3082\u3001\u307e\u305f \u3055\u3089\u3067\u3082\u3044\u3068\u5bd2\u304d\u306b\u3001\u706b\u306a\u3069\u6025\u304e\u304a\u3053\u3057\u3066\u3001\u70ad\u3082\u3066\u6e21\u308b\u3082\u3044\u3068\u3064\u304d\u3065\u304d\u3057\u3002 \u663c\u306b\u306a\u308a\u3066\u3001\u306c\u308b\u304f\u3086\u308b\u3073\u3082\u3066\u3044\u3051\u3070\u3001\u706b\u6876\u306e\u706b\u3082\u767d\u304d\u7070\u304c\u3061\u306b\u306a\u308a\u3066\u308f\u308d\u3057\u3002<\/p>\r\n<\/pre>\n<p>\u4eca\u56de\u3001\u53c2\u8003\u306b\u3055\u305b\u3066\u3044\u305f\u3060\u3044\u305f\u306e\u306f\u3001<br \/>\n<a href=\"https:\/\/teratail.com\/questions\/13458\">\u300eteratail\u300f<\/a>\u3055\u3093\u3067\u3059\u3002<br \/>\n\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3059\u3002<\/p>\n<p><a href=\"http:\/\/www.takaya-com.jp\/archives\/demo\/moreread\/\" target=\"_blank\">\u30c7\u30e2\u30da\u30fc\u30b8\u306f\u3001\u3053\u3061\u3089<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>html\u306b\u76f4\u63a5javascript\u3092\u8a18\u8ff0\u3057\u3066\u3001jquery\u3092\u4f7f\u308f\u305a\u306b\u3082\u3063\u3068\u8aad\u3080\u6a5f\u80fd\u3092\u5b9f\u88c5\u3057\u3088\u3046\u3002<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/644"}],"collection":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/comments?post=644"}],"version-history":[{"count":2,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/644\/revisions"}],"predecessor-version":[{"id":646,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/644\/revisions\/646"}],"wp:attachment":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/media?parent=644"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/categories?post=644"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/tags?post=644"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}