javascript - 如何编写 HTML 输入的 JS 内联？

Question

我有一个浏览器检查：

$(document).ready(function() {
if ($.browser.chrome) {
  //show document write input only if chrome = true else, ignore it
}
});
</script>

HTML

<input name="name" type="text" size="30" maxlength="50" **IF CHROME == TRUE? document.write("style="position:relative; margin-top:-3px; margin-left:-1px;"");** >

显然以上是不正确的..有人可以解释这样做的正确方法吗？谢谢！

Answer 1

虽然我不是这种一次性 hack 的粉丝，但下面解释了如何在$.browser.chrome按预期评估的情况下获得它。

---

此时无法将文档写入内联，但是可以更改元素的属性。例如，在条件 if-check 中：

$(inputSelector).attr('style',
    'position:relative; margin-top:-3px; margin-left:-1px;');

但是，由于style“text”属性被合成为“stye 对象”，因此通常最好避免 text-DOM 访问。这可以使用以下jQuery.css方法来实现：

$(inputSelector).css({
    position: 'relative',
    marginTop: '-3px',
    marginLeft: '-1px'
})

哪里inputSelector是一个合适的选择器来匹配合适的元素。例如，<input name="theName" ..可以与[name="theName"]. 有关更多详细信息，请参阅jQuery 选择器。