![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html-DOM
人生如初见_张默
这个作者很懒,什么都没留下…
展开
-
HTML--DOM教程
HTML DOM 教程 HTML DOM是HTML Document Object Model(文档对象模型)的缩写,定义了访问和操作 HTML 文档的标准方法。 DOM 以树结构表达 HTML 文档。 HTML DOM 树形结构: 什么是 HTML DOM? HTML DOM 是: HTML 的标准对象模型 HTML 的标准编程接口 W3C 标准 HTML DOM 定义了所有...转载 2019-01-16 10:06:57 · 282 阅读 · 0 评论 -
HTML DOM 修改 HTML 内容
HTML DOM 修改 HTML 内容 改变 HTML 内容 改变元素内容的最简单的方法是使用 innerHTML 属性。 下面的例子更改 <p> 元素的 HTML 内容: 实例 <html> <body> <p id="p1">Hello World!</p> <script> document.getE转载 2019-01-17 11:17:18 · 251 阅读 · 0 评论 -
HTML DOM 修改
修改 HTML 元素 修改 HTML DOM 意味着许多不同的方面: 改变 HTML内容 改变 CSS 样式 改变 HTML 属性 创建新的 HTML 元素 删除已有的 HTML 元素 改变事件(处理程序) 创建 HTML 内容 改变元素内容,最简单的方法是使用 innerHTML 属性。 下面的例子改变一个 <p> 元素的 HTML 内容: 实例 <ht...转载 2019-01-17 11:07:38 · 252 阅读 · 0 评论 -
HTML DOM 访问
HTML DOM 访问 访问 HTML 元素(节点) 访问 HTML 元素等同于访问节点 可以以不同的方式来访问 HTML 元素,如: 通过使用 getElementById() 方法 通过使用 getElementsByTagName() 方法 通过使用 getElementsByClassName() 方法 getElementById() 方法 getElementById()...转载 2019-01-17 11:07:23 · 119 阅读 · 0 评论 -
HTML DOM 导航
HTML DOM 导航 HTML DOM 节点列表 getElementsByTagName() 方法返回节点列表。节点列表是一个节点数组。 下面的代码选取文档中的所有 <p> 节点,点击尝试一下即可进行代码的编写: 实例 var x=document.getElementsByTagName("p"); 可以通过下标号访问这些节点。如需访问第二个 <p>,您...转载 2019-01-17 11:21:45 · 172 阅读 · 1 评论 -
HTML DOM 事件
HTML DOM 事件 对事件作出反应 当事件发生时,可以执行 JavaScript,比如当用户点击一个 HTML 元素时。 如果您需要在用户点击某个元素时执行代码,请把 JavaScript 代码添加到 HTML 事件属性中: onclick=JavaScript HTML 事件的例子: 当用户点击鼠标时 当网页已加载时 当图片已加载时 当鼠标移动到元素上时 当输入字段被改变...转载 2019-01-17 11:17:47 · 89 阅读 · 0 评论 -
HTML DOM 属性
HTML DOM 属性 编程接口 可通过 JavaScript (以及其他编程语言)对 HTML DOM 进行访问。 所有 HTML 元素被定义为对象,而编程接口则是对象方法和对象属性。 方法是您能够执行的动作(比如添加或修改元素)。 属性是您能够获取或设置的值(比如节点的名称或内容)。 innerHTML 属性 获取元素内容的最简单方法是使用 innerHTML 属性。 inne...转载 2019-01-16 10:07:45 · 230 阅读 · 0 评论 -
HTML DOM 方法
HTML DOM 方法 编程接口 可通过 JavaScript (以及其他编程语言)对 HTML DOM 进行访问。 所有 HTML 元素被定义为对象,而编程接口则是对象方法和对象属性。 方法是您能够执行的动作(比如添加或修改元素)。 属性是您能够获取或设置的值(比如节点的名称或内容)。 getElementById() 方法 getElementById() 方法返回带有指定 ID...转载 2019-01-16 10:07:32 · 66 阅读 · 0 评论 -
HTML DOM 节点
HTML DOM 节点 在 HTML DOM 中,所有事物都是节点。DOM 是被视为节点树的 HTML。 DOM Nodes 整个文档是一个文档节点 每个 HTML 元素是元素节点 HTML 元素内的文本是文本节点 每个 HTML 属性是属性节点 注释是注释节点 HTML DOM 节点树 HTML DOM 将 HTML 文档视作树结构。这种结构被称为节点树: 节点父、子和同...转载 2019-01-16 10:07:13 · 740 阅读 · 0 评论 -
HTML DOM 元素
HTML DOM 元素 创建新的 HTML 元素 - appendChild() 如果您需要向 HTML DOM 添加新元素,您首先必须创建该元素,然后把它追加到已有的元素上。 实例 <div id="div1"> <p id="p1">This is a paragraph.</p> <p id="p2">This is a转载 2019-01-17 11:17:31 · 101 阅读 · 0 评论