いつもお世話になっております。
monacaでハイブリッドアプリを作ろうと考えております。
OnsenUIでons-buttonを使って画面のpush,popを行っております。
とある計算を行い、その計算結果によってpush先を変えたく、getElementByIdでdivにappendChildでボタンを取り付けようとしております。
下記のコードで
エラーメッセージ:
InUseAttributeError: The attribute is in use.
と出て、ボタンが片方しか表示されない状態となっております。
現状、計算結果のところは固定にしております。
どなたかご指摘お願い致します。
script
1 /* 固定スタイル */ 2 var style = document.createAttribute('style'); 3 style.value = "background-color:black;width:120px"; 4 5 /* 長所 */ 6 var chosho = "5"; 7 var buttonChosho = document.getElementById('chosho'); 8 var onsButtonChosho = document.createElement('ons-button'); 9 var clickChosho = document.createAttribute('onclick'); 10 clickChosho.value = 'navi.pushPage("description' + chosho + '.html")'; 11 onsButtonChosho.setAttributeNode(style); 12 onsButtonChosho.setAttributeNode(clickChosho); 13 onsButtonChosho.innerHTML = getColor(chosho); 14 buttonChosho.appendChild(onsButtonChosho); 15 16 /* 使命 */ 17 var missionNumber = "6"; 18 19 var buttonMission = document.getElementById('mission'); 20 var onsButtonMission = document.createElement('ons-button'); 21 var clickMission = document.createAttribute('onclick'); 22 clickMission.value = 'navi.pushPage("description' + mission + '.html")'; 23 onsButtonMission.setAttributeNode(style); 24 onsButtonMission.setAttributeNode(clickMission); 25 onsButtonMission.innerHTML = getColor(mission); 26 buttonMission.appendChild(onsButtonMission); 27 28
html
1 <div id="mission"> 2 </div><br /> 3 <div id="chosho"> 4 </div><br /> 5
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。