返回到:DOM 对象:HTML DOM Document 对象
body 属性用于设置或返回文档体。
如果是返回, 该属性返回当前文档的 <body> 元素。
如果是设置, 该属性会覆盖所有在 <body> 元素中的子元素, 并用新的内容来替换它。
提示: 与 document.documentElement 属性不同的是, document.body 属性返回 <body> 元素, document.documentElement 属性返回 <html> 元素。
浏览器支持:
主流浏览器都支持。
返回 body 属性:
document.body
设置 body 属性:
document.body = newContent
值 | 描述 |
---|---|
newContent | 指定 <body> 的新内容 |
DOM 版本: | Core Level 1 Document Object |
---|---|
返回值: | Body 对象的引用,表示 <body> 元素 |
修改当前文档的背景颜色:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Web176教程网(web176.com)</title> </head> <body> <p>点击按钮修改当前文档的背景颜色。</p> <button >
获取当前文档的 HTML 你内容:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Web176教程网(web176.com)</title> </head> <body> <p>点击按钮显示文档的 HTML 的内容。</p> <button >
修改当前文档的 HTML 内容:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Web176教程网(web176.com)</title> </head> <body> <p>点击按钮修改文档的 HTML 的内容。</p> <button >
创建 <p> 元素,并将其添加在文档中:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Web176教程网(web176.com)</title> </head> <body> <p>点击按钮创建 p 元素及其内容,并将其添加在文档中。</p> <button >