Question

我想更改此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 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

这是你可以做到的：

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

Answer 2

有几件事：

<script>标记（或任何HTML标记）不能像Greasemonkey脚本中那样使用。无论如何，在这种情况下都不需要<script>的变体。
Event handlers cannot be set that way in GM scripts
以这种方式设置样式时，在支持GM的浏览器中，您需要驼峰式标识符IE textAlign。
您可能不需要onload，但我会假设在这种情况下表单不是静态加载（或样式化），而是由javascript加载（或设置样式）。

总而言之，您的代码将成为：

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

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

    theForm.style.textAlign = 'left';
}

如何更改与Greasemonkey的文本对齐？

2 个答案: