参考资料

1. HTML DOM 返回一个button的name 实例
2. HTML DOM改变表格边框的宽度
3. HTML DOM 返回一个iframe中的marginwidth属性的值
4. HTML DOM 返回文档中的链接数
5. HTML DOM 返回图像映射的某个区域的pathname 实例
6. HTML DOM 返回图像映射某个区域的坐标实例
7. HTML DOM 修改
8. HTML DOM 返回图像映射的某个区域的protocol 实例

HTML DOM document.write() 方法

简介

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

基本语法

document.write(content);

参数说明

• content：要写入的 HTML 内容，可以是字符串或变量

功能特点

1. 在页面加载过程中写入内容

2. 会覆盖整个文档如果在页面加载完成后调用

3. 常用于简单的测试和动态内容生成

基本用法示例

<script>
document.write("<h1>Hello World!</h1>");
</script>

带变量的示例

<script>
var name = "John";
document.write("<p>Welcome, " + name + "!</p>");
</script>

结合HTML标签的示例

<script>
document.write("<div class='box'>This is a box</div>");
</script>

CSS扩展

可以通过在写入的内容中包含style标签或直接使用内联样式：

<script>
document.write("<style>.red { color: red; }</style>");
document.write("<p class='red'>This text is red</p>");
// 或者使用内联样式
document.write("<p style='color: blue; font-size: 20px;'>Styled text</p>");
</script>

注意事项

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

2. 不推荐在现代Web开发中大量使用

3. 对于复杂DOM操作，建议使用其他方法如innerHTML或DOM操作方法

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