Как я могу изменить выравнивание текста с Greasemonkey? - PullRequest
2 голосов
/ 07 февраля 2012

Я хочу изменить это CSS text-align. это правильно, но я хочу, чтобы это осталось.

<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

<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>

Ответы [ 2 ]

1 голос
/ 07 февраля 2012

Несколько вещей:

  1. <script> теги (или любые теги HTML) не могут быть использованы в сценарии Greasemonkey. В любом случае, вариант <script> в этом случае не нужен.

  2. Обработчики событий не могут быть установлены таким образом в сценариях GM .

  3. При установке стилей таким образом, в браузерах с поддержкой GM вам необходим идентификатор верблюжьего футляра, IE textAlign.

  4. Вероятно, вам не нужна onload, но я предполагаю, что в этом случае форма статически не загружается (или не обрабатывается), а загружается (или не обрабатывается) с помощью javascript.

Если сложить все вместе, ваш код станет:

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

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

    theForm.style.textAlign = 'left';
}
1 голос
/ 07 февраля 2012

Вот как вы можете это сделать:

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