参考资料

1. HTML DOM改变下拉列表中被选中的选项的文本
2. HTML DOM 返回一个iframe中的frameborder属性的值
3. HTML DOM 返回图像映射某个区域的坐标实例
4. HTML DOM指定表格的frame
5. HTML DOM为表格指定规则
6. HTML DOM将下拉列表变成多行列表
7. HTML DOM删除下拉列表中的选项
8. HTML DOM shift键被按下了吗？

HTML DOM write() 和 writeln() 方法

基本介绍

document.write() 和 document.writeln() 都是 JavaScript 中用于向 HTML 文档写入内容的方法。

主要区别

标签和用法

这两个方法都属于 document 对象的方法，语法如下：

document.write(content);
document.writeln(content);

功能

• 动态生成 HTML 内容

• 在页面加载过程中插入内容

• 可以包含 HTML 标签

实例

基本使用

<script>
document.write("<h1>Hello World!</h1>");
document.writeln("<p>This is a paragraph.</p>");
document.write("<p>Another paragraph.</p>");
</script>

带 CSS 扩展的实例

<script>
document.write('<div style="color: blue; font-size: 20px;">Styled content</div>');
document.writeln('<p style="background-color: #f0f0f0; padding: 10px;">Styled paragraph</p>');
</script>

使用外部样式

<style>
.highlight {
  background-color: yellow;
  font-weight: bold;
}
</style>

<script>
document.writeln('<span class="highlight">Highlighted text</span>');
document.write('<div class="highlight">Another highlighted element</div>');
</script>

注意事项

1. 如果在页面加载完成后调用这些方法，会覆盖整个文档

2. writeln() 的换行符只在 <pre> 标签中可见

3. 现代开发中推荐使用 DOM 操作方法（如 createElement、appendChild）替代这些方法

声明：本站所有文章资源内容，如无特殊说明或标注，均为采集网络资源。如若本站内容侵犯了原著者的合法权益，可联系本站删除。