HTML DOM
关注
分享
扫一扫
DOM (Document Object Model) 译为文档对象模型，是 HTML 和 XML 文档的编程接口。
HTML DOM 定义了访问和操作 HTML 文档的标准方法。
DOM 以树结构表达 HTML 文档。
Jay·Yuen
干饭人·
展开
-
HTML DOM节点概述
一，概述DOM是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。DOM 标准被分为 3 个不同的部分：核心 DOM - 针对任何结构化文档的标准模型XML DOM - 针对 XML 文档的标准模型HTML DOM - 针对 HTML 文档的标准模型二，DOM节点整个文档是一个文档节点每个 HTML 元素是元素节点HTML 元素内的文本是文本节...原创 2019-09-16 16:34:28 · 1123 阅读 · 0 评论 -
HTML DOM节点选择器
一，id获得元素<body> <div id="div"> id获得元素 </div></body><script> let dom = document.getElementById("div"); console.log(dom);</script>二，标签名获...原创 2019-09-16 17:01:40 · 1277 阅读 · 0 评论 -
HTML DOM根据关系找节点
一，根据关系找节点获得父节点：parentNode获得子节点：childNodes获得第一个节点：firstChild获得最后一个节点：lastChild获得前一个节点：previousSibling获得后一个节点：nextSibling<div id="content"> <h2 id="title1">第一个子节点</h2> ...原创 2019-09-16 17:06:25 · 1448 阅读 · 0 评论 -
HTML DOM节点操作
一，节点内容innerHTML设置节点内容<body> <div id="div"> 节点内容 </div></body><script> let div = document.getElementById("div"); //设置节点内容 div.innerHTML = ...原创 2019-09-16 17:07:07 · 1495 阅读 · 0 评论 -
HTML DOM style属性操作
dom.style.property:通过元素的style属性间接操作css样式一，修改颜色title.style.color：修改节点的颜色<body> <h1 id="title">修改颜色</h1></body><script> let title = document.getElementById("...原创 2019-09-17 14:39:45 · 3824 阅读 · 0 评论 -
HTML DOM 节点元素操作
一，判断属性hasAttribute(‘属性名’) ：判断是否有某个属性 //3,判断属性是否存在console.log(h1.hasAttribute("id", "newId"));二，获得属性值getAttribute(‘属性名’)：获取属性值//1,获得属性值console.log(h1.getAttribute("id"));三，设置属性setAttribute(‘...原创 2019-09-17 14:40:31 · 1279 阅读 · 0 评论