如何将CSS应用于document.write()?

时间:2015-08-24 07:03:20

标签: javascript html css printing

我有一个程序,它将使用Javascript使用'document.write()'将值“打印”到屏幕上。打印的值是整数。我希望能够使用CSS将样式应用于正在打印的整数。下面是我尝试过的一些截断的示例代码,但它不起作用(该程序刚退出:

var number = 5 //just for an example
document.write('<p id="jstext"' + number + '</p>')

这是我正在使用的CSS代码:

#jstext {
    text-align: center;
    font-size: 90px;
}

由于

1 个答案:

答案 0 :(得分:4)

那是错的。见修正:

    public void process(Bitmap bitmap)

你忘了在这里结束var number = 5; //just for an example //------------^ // Not sure but ; is a must in some places. document.write('<p id="jstext">' + number + '</p>') //----------------------------^

下面的工作代码段:

&#13;
&#13;
>
&#13;
#jstext {
  text-align: center;
  font-size: 90px;
}
&#13;
&#13;
&#13;

更新:请勿使用以前的方法。

上述方法完全错误。它将删除所有事件处理程序并完全破坏DOM。更好的方法是使用:

<script>
var number = 5; //just for an example
//------------^ // Not sure but ; is a must in some places.
document.write('<p id="jstext">' + number + '</p>')
//----------------------------^
</script>

<强>段

&#13;
&#13;
document.body.appendChild(document.createElement('p'));
document.querySelector("body p:last-child").id = "jstext";
document.querySelector("#jstext").innerHTML = number;
&#13;
#jstext {
  text-align: center;
  font-size: 90px;
}
&#13;
&#13;
&#13;