Document.write()及其输出内容的样式和位置控制(document.write输出图片)。

Document.write()是JavaScript中的一个方法，用于向文档动态添加内容。它可以使用指定的字符串作为HTML或文本。

输出到当前文档。

document.write()输出内容的样式和位置是由HTML和CSS控制的，而不是由document.write()本身控制的。

以下是控制输出样式和位置的一些常用方法:

1.使用内嵌样式:

您可以使用内联样式在document.write()的输出中设置样式，如下所示:

java描述语言

document . write(& # 39；& ltp style = & quot颜色:红色；字体大小:16px"& gt你好，世界！& lt/p & gt；');

上面的代码将输出一个字体大小为16像素的红色段落元素。

2.使用外部样式表:

您可以在文档的开头引入一个外部样式表，并将该样式应用于document.write()的输出。例如:

超文本标记语言

& lthead & gt

& ltlink rel = & quot样式表& quottype = & quottext/CSS & quot；href = & quotstyles.css & quot& gt

& lt/head & gt；

styles.css:

钢性铸铁

。我的班级{

颜色:蓝色；

字体大小:20px

}

JavaScript代码:

java描述语言

document . write(& # 39；& ltp class = & quotmyClass & quot& gt你好，世界！& lt/p & gt；');

上面的代码将输出一个字体大小为20像素的蓝色段落元素，并且应用了myClass样式类。

3.使用DOM操作:

可以使用JavaScript的DOM操作方法精确控制document.write()输出内容的样式和位置。例如，您可以创建一个

新元素，并将其添加到特定的容器中，然后设置该元素的样式属性。这里有一个例子:

java描述语言

var new element = document . createelement(& # 39；p & # 39);

new element . text content = & # 39；你好，世界！'；

new element . style . color = & # 39；绿色& # 39；；

new element . style . font size = & # 39；24px & # 39；

document . body . appendchild(new element)；

上面的代码将创建一个新的段落元素，并将其文本内容设置为“Hello，World！”，并将其颜色设置为绿色，字体大小为24像素。

然后，它将元素添加到文档的body元素中。

请注意，不再推荐使用document.write()动态添加内容，因为它将覆盖整个文档内容，并可能导致不可预测性。

结果。最好使用DOM操作方法来动态修改文档的内容。

以上内容来自互联网，不代表本站全部观点！欢迎关注我们:zhujipindao。com