如何使用 Greasemonkey 更改文本对齐方式？

Question

我想改变这个CSS文本对齐。这是对的，但我希望它被留下。

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

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

Answer 1

有几点：

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';
}

Answer 2

您可以这样做：

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