2012-02-06 105 views
2

我想改變這個CSS文本對齊。這是對的,但我希望它被留下。如何更改文本與Greasemonkey對齊?

<div class="btn_gonder" id="ContentPlaceHolder1_btnform"> 
       <input border="0" type="image" style="height:36px;width:97px;" src="../style/images/btn_gonder.png" alt="Gönder" id="ContentPlaceHolder1_ImageButton1" name="ctl00$ContentPlaceHolder1$ImageButton1"></div> 

CSS區

.select_container .btn_gonder { 
    float: left; 
    height: 36px; 
    text-align: right; 
    width: 304px; 
} 

HTML AREA

<div class="btn_gonder" id="ContentPlaceHolder1_btnform"> 
       <input border="0" type="image" style="height:36px;width:97px;" src="../style/images/btn_gonder.png" alt="Gönder" id="ContentPlaceHolder1_ImageButton1" name="ctl00$ContentPlaceHolder1$ImageButton1"></div> 

我的代碼

我寫了這個代碼但它不工作... 我如何更改文本與Greasemonkey對齊?

<script> 
window.onload=allign; 
function allign(){ 
document.getElementById('ContentPlaceHolder1_btnform').style.text-align='left'; 
} 
</script> 

回答

1

幾件事情:

  1. <script>標籤(或任何HTML標記)不能在Greasemonkey的腳本中使用這樣的。無論如何,在這種情況下不需要<script>的變體。

  2. Event handlers cannot be set that way in GM scripts

  3. 在具有GM功能的瀏覽器中設置樣式時,需要使用駱駝案例標識符IE textAlign

  4. 您可能不需要onload,但我會假定在這種情況下,表單不是靜態加載(或樣式),而是通過javascript加載(或樣式化)。

全部放在一起,你的代碼將成爲:

window.addEventListener ("load", alignFormText, false); 

function alignFormText() { 
    var theForm = document.getElementById ('ContentPlaceHolder1_btnform') 

    theForm.style.textAlign = 'left'; 
} 
+0

是的,它的工作。謝謝。 – hcttepe 2012-02-06 23:48:15

+0

不客氣,樂意效勞!如果這樣做對你來說,請[標記這個問題的答案](http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work/5235#5235)。 – 2012-02-06 23:54:54

+0

對不起,我在這裏新,所以我不知道規則:)再次。 – hcttepe 2012-02-06 23:57:50

1

這是你如何能做到這一點:

document.getElementById('ContentPlaceHolder1_btnform').setAttribute("style", "text-align: left;"); 
+0

感謝您的消息,但沒有再工作。 – hcttepe 2012-02-06 23:40:15