facebook twitter hatena line email

「Javascript/ブックマークレット」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(ページの作成:「==ブックマークレットとは== お気に入りからjavascriptを実行 ==サンプル== 以下をとりあえずurlに登録するとhogeがalertとして出て...」)
 
(dom操作サンプル)
行8: 行8:
 
==dom操作サンプル==
 
==dom操作サンプル==
 
test1のclassがついたタグ内をhogeに変更
 
test1のclassがついたタグ内をhogeに変更
  document.getElementsByClassName("test1")[0].innerHTML="hoge;
+
  javascript:document.getElementsByClassName("test1")[0].innerHTML="hoge;
  
 
==jqueryサンプル==
 
==jqueryサンプル==

2017年1月29日 (日) 19:45時点における版

ブックマークレットとは

お気に入りからjavascriptを実行

サンプル

以下をとりあえずurlに登録するとhogeがalertとして出てくる

javascript:alert("hoge");

dom操作サンプル

test1のclassがついたタグ内をhogeに変更

javascript:document.getElementsByClassName("test1")[0].innerHTML="hoge;

jqueryサンプル

test1のclassがついたタグ内をhogeに変更

!function(d,f,s){s=d.createElement("script");s.src="//j.mp/1bPoAXq";s.onload=function(){f(jQuery.noConflict(1))};d.body.appendChild(s)}(document,function($){});$(".test1").html("hoge");

参考:http://qiita.com/otchy/items/5c4f2e1b2a93ac200f1c