html DOM------document

html DOM也就是html document object model, 说白了就是document对象。每个载入浏览器的 HTML 文档都会成为 Document 对象。Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。

看看代码：

<html>
<body><div id="div1">
<p id="p1">aaaaaaaaaaa</p>
<p id="p2">bbbbbbbbbbb</p>
</div><script>
var parent=document.getElementById("div1");
var child=document.getElementById("p2");
parent.removeChild(child);
</script></body>
</html>

最后只显示一行。通过document的getElementById方法，获取了div标签的对象，也就是parent. 同理，获取了p(p2)标签的对象child.

既然是标签对象，那就有对象的属性和方法了，如上就用了对象的方法。下面，我们来看看标签对象的属性，并结束本文：

<html>
<body><p id="p1">org</p><script>
function ChangeText()
{if(document.getElementById("p1").innerHTML == "text1"){document.getElementById("p1").innerHTML = "text2";}else{document.getElementById("p1").innerHTML = "text1";}
}
</script><input type="button" onclick="ChangeText()" value="改变文本" /></body>
</html>

Done.

html DOM------document相关推荐

HTML DOM Document 对象
Document 对象每个载入浏览器的 HTML 文档都会成为 Document 对象. Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问. 提示:Document 对 ...
HTML DOM教程 14-HTML DOM Document 对象
HTML DOM教程 14-HTML DOM Document 对象 1:Document 对象 Document 对象代表整个 HTML 文档,可用来访问页面中的所有元素. Document 对象是 ...
js中DOM, DOCUMENT, BOM, WINDOW 区别
全栈工程师开发手册 (作者:栾鹏) js系列教程6-BOM操作全解 js系列教程7-DOM操作全解 js中DOM, DOCUMENT, BOM, WINDOW 区别 DOM 全称是 Document ...
DOM(document Object model)
API(BOM DOM) 就是一个接口因为webAPI很多,我们将他称为webAPIs. web APIs由w3c规范文档对象模型(document Object model)处理可扩展语言(HT ...
前端基础入门之js什么是DOM Document Object Model
文章目录 DOM 1.DOM简介文档对象模型 2.节点节点类型节点属性文档节点(Document) 元素节点(Element) 文本节点(Text) 属性节点(Attr) 3.事件 4.文 ...
Javascript之DOM(Document类型)
JavaScript通过document类型表示文档.在浏览器中,document对象是HTMLDocument的一个实例,表示整个HTML页面.document对象是window对象的一个属性. D ...
html document转换,HTML DOM Document
C++随笔:.NET CoreCLR之GC探索(2) 首先谢谢 @dudu 和 @张善友这2位大神能订阅我,本来在写这个系列以前,我一直对写一些核心而且底层的知识持怀疑态度,我为什么持怀疑态度呢?因 ...
js里的document对象大全（DOM操作）
什么是DOM document object model 的简称,意思为文档对象模型.主要用来对文档中的html节点进行操作. Dom的操作简单示例: <div id="t1" ...
DOM方式进行的XML文件、Document、String之间的相互转换
http://kingxss.iteye.com/blog/1026954 XML文件test.xml: Xml代码 <?xml version="1.0" encoding ...
java中document解析jsp,JSP基于dom解析xml实例详解
本文实例讲述了JSP基于dom解析xml的方法.分享给大家供大家参考,具体如下: 初次学习用dom操作xml文件,有很多不足之处,牛人多给点建议,练习时我没对中文做乱码处理,也没做验证哦!O(∩_∩) ...

html DOM------document

html DOM------document相关推荐

最新文章

热门文章