分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

HTML DOM

发布时间:2023-09-06 01:28责任编辑:彭小芳关键词:HTMLDOM

前言
什么是DOM?
DOM是W3C(万维网联盟)的标准
DOM定义了访问HTML和XML文档的标准
什么是XML DOM
XML DOM定义了所有XML元素的对象和属性,以及访问它们的方法
什么是HTML DOM
HTML的标准对象模型
HTML的标准编程接口
W3C的标准


1、DOM 节点
HTML文档中所有内容都是节点:
?整个文档是一个文档节点
????????每个HTML元素是元素节点
????????HTML元素内的文本是文本节点
?每个HTML属性是属性节点
?注释是注释节点

HTML DOM 对象 ?方法和属性

要点: ??
getElementById()方法返回带有指定ID的元素
getElementById(id) ?- ?获取指定ID的节点(元素)
appendChild(node) - 插入新的子节点(元素)
???????removeChild(node) - 删除子节点(元素)

一些常用的HTML DOM 属性
innerHTML - 节点的文本值
parentNode -节点的父节点

访问HTML元素节点
访问HTML元素等同于访问节点
通过使用getElementById()方法
使用语法:下面的例子获取id=“intro”的元素
document.getElementById("id");

通过使用:getElementByTagName()方法
使用语法:下面的例子返回包含文档中所有<p>元素的列表
document.getElementByTagName("p");
使用语法:下面的例子返回包含文档中所有 <p> 元素的列表,并且这些 <p> 元素应该是 id="main" 的元素的后代(子、孙等等);
document.getElementById("main").getElementsByTagName("p");

getElementByClassName()方法

创建新的HTML元素
createElement("p");//创建元素
createTextNode("nihao")//创建内容

HTML DOM

原文地址:http://www.cnblogs.com/kuangJun/p/7967062.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved