JavaScript HTML DOM

cikenerd 发布于2019-08-23 15:23 / 2612人阅读

摘要：能够改变页面中的所有元素能够改变页面中的所有属性能够改变页面中的所有样式能够对页面中的所有事件做出反应操作元素，有三种方法通过找到元素通过标签名找到元素通过类名找到元素允许改变元素的内容。在中，可用于直接向输出流写内容。

DOM树
网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）

通过可编程的对象模型，JavaScript 获得了足够的能力来创建动态的 HTML。
JavaScript 能够改变页面中的所有 HTML 元素
JavaScript 能够改变页面中的所有 HTML 属性
JavaScript 能够改变页面中的所有 CSS 样式
JavaScript 能够对页面中的所有事件做出反应
操作HTML元素，有三种方法：
通过 id 找到 HTML 元素 //getElementById("intro")
通过标签名找到 HTML 元素 //getElementsByTagName("p")
通过类名找到 HTML 元素
HTML DOM 允许 JavaScript 改变 HTML 元素的内容。
在 JavaScript 中，document.write() 可用于直接向 HTML 输出流写内容。
修改 HTML 内容的最简单的方法时使用 innerHTML 属性。
document.getElementById(id).innerHTML=new HTML;
改变 HTML 属性
// document.getElementById("image").src="landscape.jpg";
操作方法.需要更改的属性=new value;
改变 HTML 样式
document.getElementById(id).style.property=new style
// document.getElementById("p2").style.color="blue";

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/101962.html

简单聊聊DOM

摘要：讨论在如何去使用元素用于在页面中嵌入或引入脚本代码，该元素默认被定义在元素中页面内容该属性定义规定的文本类型，可以为类型也可以为类型等其他类型和属性类似，这个属性定义脚本使用的语言，该属性不是标准规范定义引用外部脚本的内嵌代码与内讨论在HTML如何去使用JavaScript 元素用于在HTML页面中嵌入或引入JavaScript脚本代码，该元素默认被定义在元素中 HTML页面内容： ...

MASAILA 2019-08-23 11:35 评论0 收藏0
初识DOM

摘要：标识，就是将页面解析为一个文档。标识，就是中表示各个对象之间的关系。的标准由于的标准规范是由组织起草并定义的，所以对的定义是目前最权威的解释。兄弟关系具有相同父级元素的两个或几个元素之间的兄弟关系。是返回值，表示定位元素的集合，是一个集合。如何使用JavaScript script元素元素元素用于在HTML页面中嵌入或引入JavaScript脚本代码。该元素默认被定义在元素中。t...

史占广 2019-08-29 16:31 评论0 收藏0
初识DOM

摘要：标识，就是将页面解析为一个文档。标识，就是中表示各个对象之间的关系。的标准由于的标准规范是由组织起草并定义的，所以对的定义是目前最权威的解释。兄弟关系具有相同父级元素的两个或几个元素之间的兄弟关系。是返回值，表示定位元素的集合，是一个集合。如何使用JavaScript script元素元素元素用于在HTML页面中嵌入或引入JavaScript脚本代码。该元素默认被定义在元素中。t...

qpal 2019-08-02 16:31 评论0 收藏0
初识DOM

摘要：标识，就是将页面解析为一个文档。标识，就是中表示各个对象之间的关系。的标准由于的标准规范是由组织起草并定义的，所以对的定义是目前最权威的解释。兄弟关系具有相同父级元素的两个或几个元素之间的兄弟关系。是返回值，表示定位元素的集合，是一个集合。如何使用JavaScript script元素元素元素用于在HTML页面中嵌入或引入JavaScript脚本代码。该元素默认被定义在元素中。t...

Coding01 2019-08-23 11:31 评论0 收藏0
原生JS操作DOM

摘要：能够改变页面中的所有元素能够改变页面中的所有属性能够改变页面中的所有样式能够对页面中的所有事件做出反应我们需要通过操作元素，查找这些元素有三种方法通过查找通过标签名查找通过类名查找允许改变元素的内容。，如使有能力对事件做出反应。通过html dom可以访问javascript html文档的所有元素。当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Mo...

anRui 2019-08-20 14:49 评论0 收藏0
原生JS操作DOM

摘要：能够改变页面中的所有元素能够改变页面中的所有属性能够改变页面中的所有样式能够对页面中的所有事件做出反应我们需要通过操作元素，查找这些元素有三种方法通过查找通过标签名查找通过类名查找允许改变元素的内容。，如使有能力对事件做出反应。通过html dom可以访问javascript html文档的所有元素。当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Mo...

ISherry 2019-08-01 16:26 评论0 收藏0