回答編集履歴

1

js

2018/10/22 11:35

投稿

yambejp
yambejp

スコア114572

test CHANGED
@@ -19,3 +19,39 @@
19
19
  - test1は多くのブラウザで可動する
20
20
 
21
21
  - test2はchrome以外はいまいち
22
+
23
+
24
+
25
+ # 追記
26
+
27
+
28
+
29
+ jsが使えるなら、htmlを書き換えればよいのでは?
30
+
31
+ ```javascript
32
+
33
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/balloon-css/0.2.4/balloon.min.css">
34
+
35
+ <script>
36
+
37
+ window.addEventListener('DOMContentLoaded', function(e){
38
+
39
+ var n=document.querySelector('#test_id');
40
+
41
+ var l=document.createElement('label');
42
+
43
+ l.setAttribute("data-balloon","テストの内容1です。");
44
+
45
+ l.setAttribute("data-balloon-pos","down");
46
+
47
+ n.parentNode.insertBefore(l,n);
48
+
49
+ l.appendChild(n);
50
+
51
+ });
52
+
53
+ </script>
54
+
55
+ <input type="radio" name="test" value="テストです" id="test_id">
56
+
57
+ ```