DOM节点
时间：2022-02-16 22:28:02 | 来源：信息时代
时间：2022-02-16 22:28:02 来源：信息时代
根据DOM，HTML文档中的每个成分都是一个节点。
DOM是这样规定的：
整个文档是一个文档节点
每个HTML标签是一个元素节点
包含在HTML元素中的文本是文本节点
每一个HTML属性是一个属性节点
注释属于注释节点
Node层次
节点彼此都有等级关系。
HTML文档中的所有节点组成了一个文档树（或节点树）。HTML文档中的每个元素、属性、文本等都代表着树中的一个节点。树起始于文档节点，并由此继续伸出枝条，直到处于这棵树最低级别的所有文本节点为止。
请看下面这个HTML文档：
DOMTutorialDOMLessonone
Helloworld!
上面所有的节点彼此间都存在关系。
除文档节点之外的每个节点都有父节点。举例，和的父节点是节点，文本节点'Helloworld!'的父节点是节点。
大部分元素节点都有子节点。比方说，节点有一个子节点：
节点。<title>节点也有一个子节点：文本节点'DOMTutorial'。<br><br>当节点分享同一个父节点时，它们就是同辈（同级节点）。比方说，<h1>和是同辈，因为它们的父节点均是<body>节点。<br><br>节点也可以拥有后代，后代指某个节点的所有子节点，或者这些子节点的子节点，以此类推。比方说，所有的文本节点都是<html>节点的后代，而第一个文本节点是<head>节点的后代。<br><br>节点也可以拥有先辈。先辈是某个节点的父节点，或者父节点的父节点，以此类推。比方说，所有的文本节点都可把<html>节点作为先辈节点。
<div class="turn_line_a">
<p>关键词：<b></b>
</p>
</div>
<div class="related-dynamics">
<h2 class="header-title">推荐文章</h2>
<ul>
<li>
<div class="right">
<a href="/xxsd/771526.html" title="DOMDOM的分级">
<h2 class="title">DOMDOM的分级</h2>
<div class="author">
<span>2022-02-16</span>
</div>
</a>
</div>
</li>
<li>
<div class="right">
<a href="/xxsd/771522.html" title="RDF两大关键技术">
<h2 class="title">RDF两大关键技术</h2>
<div class="author">
<span>2022-02-16</span>
</div>
</a>
</div>
</li>
<li>
<div class="right">
<a href="/xxsd/771525.html" title="DOM基本介绍">
<h2 class="title">DOM基本介绍</h2>
<div class="author">
<span>2022-02-16</span>
</div>
</a>
</div>
</li>
<li>
<div class="right">
<a href="/xxsd/771524.html" title="DOM">
<h2 class="title">DOM</h2>
<div class="author">
<span>2022-02-16</span>
</div>
</a>
</div>
</li>
<li>
<div class="right">
<a href="/xxsd/771523.html" title="RDFcontents.rdf文件">
<h2 class="title">RDFcontents.rdf文件</h2>
<div class="author">
<span>2022-02-16</span>
</div>
</a>
</div>
</li>
<li>
<div class="right">
<a href="/xxsd/771518.html" title="pvOS的PV原理">
<h2 class="title">pvOS的PV原理</h2>
<div class="author">
<span>2022-02-16</span>
</div>
</a>
</div>
</li>
<li>
<div class="right">
<a href="/xxsd/771521.html" title="RDF技术概述">
<h2 class="title">RDF技术概述</h2>
<div class="author">
<span>2022-02-16</span>
</div>
</a>
</div>
</li>
<li>
<div class="right">
<a href="/xxsd/771520.html" title="RDF">
<h2 class="title">RDF</h2>
<div class="author">
<span>2022-02-16</span>
</div>
</a>
</div>
</li>
<li>
<div class="right">
<a href="/xxsd/771519.html" title="pv提升网站页面访问量的方法">
<h2 class="title">pv提升网站页面访问量的方法</h2>
<div class="author">
<span>2022-02-16</span>
</div>
</a>
</div>
</li>
<li>
<div class="right">
<a href="/xxsd/771516.html" title="pvPV分类">
<h2 class="title">pvPV分类</h2>
<div class="author">
<span>2022-02-16</span>
</div>
</a>
</div>
</li>
</ul>
</div>
</div>
<div class="footer-s">
<div class="box">
<p class="title">新闻资讯</p>
<div class="links2">
<a href="/zhxy/" class=””>整合营销</a>
<a href="/webyx/" class=””>网络营销</a>
<a href="/wltg/" class=””>网络推广</a>
<a href="/xxsd/" class=active>信息时代</a>
<a href="/jzzs/" class=””>建站知识</a>
<a href="/wzyy/" class=””>网站运营</a>
<a href="/dzsw/" class=””>电子商务</a>
<a href="/yxbk/" class=””>营销百科</a>
<a href="/gsxw/" class=””>公司新闻</a>
<a href="/hydt/" class=””>行业动态</a>
<a href="/ppyx/" class=””>品牌营销</a>
</div>
</div>
<!-- 热门资讯添加 -->
<div class="box hot-box">
<p class="title">推荐资讯</p>
<ul>
<li>
<div class="right">
<a href="/xxsd/772494.html" title="NGB业务特点">
<h2 class="title">NGB业务特点</h2>
<div class="author">
<span>2022-02-18 </span>
</div>
</a>
</div>
</li>
<li>
<div class="right">
<a href="/xxsd/2371926.html" title="宝马简介">
<h2 class="title">宝马简介</h2>
<div class="author">
<span>2022-03-02 </span>
</div>
</a>
</div>
</li>
<li>
<div class="right">
<a href="/xxsd/770313.html" title="门诊挂号管理信息系统架构数据">
<h2 class="title">门诊挂号管理信息系统架构数据</h2>
<div class="author">
<span>2022-02-06 </span>
</div>
</a>
</div>
</li>
<li>
<div class="right">
<a href="/xxsd/773071.html" title="MCU发展历史">
<h2 class="title">MCU发展历史</h2>
<div class="author">
<span>2022-02-20 </span>
</div>
</a>
</div>
</li>
<li>
<div class="right">
<a href="/xxsd/770888.html" title="木马种类">
<h2 class="title">木马种类</h2>
<div class="author">
<span>2022-02-14 </span>
</div>
</a>
</div>
</li>
<li>
<div class="right">
<a href="/xxsd/770805.html" title="CodelobsterPHPEdition软件特色">
<h2 class="title">CodelobsterPHPEdition软件特色</h2>
<div class="author">
<span>2022-02-13 </span>
</div>
</a>
</div>
</li>
<li>
<div class="right">
<a href="/xxsd/772411.html" title="顾志诚就职迅雷">
<h2 class="title">顾志诚就职迅雷</h2>
<div class="author">
<span>2022-02-18 </span>
</div>
</a>
</div>
</li>
<li>
<div class="right">
<a href="/xxsd/4815635.html" title="关系数据库系统三级模式结构(数据库)">
<h2 class="title">关系数据库系统三级模式结构(数据库)</h2>
<div class="author">
<span>2022-12-23 </span>
</div>
</a>
</div>
</li>
<li>
<div class="right">
<a href="/xxsd/770333.html" title="DCCI互联网数据中心模型">
<h2 class="title">DCCI互联网数据中心模型</h2>
<div class="author">
<span>2022-02-07 </span>
</div>
</a>
</div>
</li>
<li>
<div class="right">
<a href="/xxsd/772859.html" title="个人数字助理主要应用领域">
<h2 class="title">个人数字助理主要应用领域</h2>
<div class="author">
<span>2022-02-19 </span>
</div>
</a>
</div>
</li>
</ul>
</div>
<div class="box">
<div class="msearch">
<form action="/e/search/index.php" target="_blank" method="post" name="searchform" id="searchform">
<input type="hidden" name="show" value="title" />
<input type="hidden" name="tempid" value="1" />
<span class="s_con"><input name="keyboard" type="text" size="32" id="keyboard" class="inputText" /><i class="clear"></i></span>
<button type="submit" class="s_btn">搜 索</button></form>
</div>
</div>
</div>
</div>
<!-- contentMain -->
<!--content-trend-->
<!--content-trend-->
<!-- connect-form -->
<link rel="stylesheet" type="text/css" href="http://www.eqbang.com/style/connect.css?v=20210527115"/>
<link rel="stylesheet" type="text/css" href="http://www.eqbang.com/style/layer.css?v=20210527115"/>
<div class="connect-data-js" style="display:none!important;">
<div class="page_id_ipnut">74</div>
<div class="data-page">73</div>
<div class="create_year-contect">25</div>
<div class="router_class_original">news</div>
<a href="/swt/" class="connect-data-js-a"></a>
</div>
<script type="text/javascript" src="http://www.eqbang.com/style/layer.js?v=20210527115"></script>
<!-- connect-form -->
<script src="http://www.eqbang.com/style/swiper.min.js?v=20210527115"></script>
<script>
var swiper = new Swiper('.swiper-container', {
grabCursor: true,
spaceBetween: 7,
slidesPerView: 1.08,
centeredSlides: true,
lazy: {
loadPrevNext: true,
loadPrevNextAmount: 2,
},
});
$('.bottom-box .a span').on('click',function(){
if($(this).attr('class') == 'on' && $(this).parent().find('.on').length > 1){
$(this).removeClass('on')
}else{
$(this).addClass('on')
}
})
$('#jumppage').keydown(function(){
var e = e || window.event;
if (e.keyCode == 13) {
var page = parseInt($(this).val());
var page_max = parseInt('126');
if (page <= 0 || isNaN(page)) {
page = 1;
}
if (page > page_max) {
page = page_max;
}
if (page <= 1) {
window.location.href=/';
} else {
window.location.href='/' + page + '/';
}
}
})
</script> <!-- bottom view -->
<link rel="stylesheet" type="text/css" href="http://www.eqbang.com/style/footer.css?v=20210527115"/>
<div class="bottom-view">
<!--footer_city-->
<div class="city-list">
<ul>
<li>
<div>网站</div>
</li>
<li>
<div>营销</div>
</li>
<li>
<div>设计</div>
</li>
<li>
<div>运营</div>
</li>
<li>
<div>优化</div>
</li>
<li>
<div>效率</div>
</li>
<li>
<div>专注</div>
</li>
<li>
<div>电商</div>
</li>
<li>
<div>方案</div>
</li>
<li>
<div>推广</div>
</li>
</ul>
</div>
<!--footer_city-->
<!--footer_desc-->
<div class="top_mobile">
<div class="l">
<ul>
<p><a href="/jiejue/">解决方案&服务</a></p>
</ul>
<ul>
<p>客户&案例 </p>
<li><a href="/wzjs/">网站建设</a></li>
<li><a href="/ppyy/">品牌运营</a></li>
<li><a href="/szyx/">数字营销</a></li>
<li><a href="/sjcd/">视觉设计</a></li>
<li><a href="/ggcm/">广告传媒</a></li>
<li><a href="/seoj/">搜索优化</a></li>
<li><a href="/eshop/">电商服务</a></li>
<li><a href="/zmtyx/">自媒体营销</a></li>
<li><a href="/video/">短视频营销</a></li>
<li><a href="/wechat/">微信营销</a></li>
</ul>
<ul>
<p>营销资讯 </p>
<li><a href="/gsxw/">公司新闻</a></li>
<li><a href="/hydt/">行业动态</a></li>
<li><a href="/ppyx/">品牌营销</a></li>
<li><a href="/zhxy/">整合营销</a></li>
<li><a href="/webyx/">网络营销</a></li>
<li><a href="/wltg/">网络推广</a></li>
<li><a href="/xxsd/">信息时代</a></li>
<li><a href="/jzzs/">建站知识</a></li>
<li><a href="/wzyy/">网站运营</a></li>
<li><a href="/dzsw/">电子商务</a></li>
</ul>
<ul>
<p>关于我们 </p>
<li><a href="/gsjj/">公司简介</a></li>
<li><a href="/qyln/">企业理念</a></li>
<li><a href="/qysl/">企业实力</a></li>
<li><a href="/cjwt/">常见问题</a></li>
</ul>
</div>
</div>
<!--footer_desc-->
<!--footer_content-->
<div class="content">
<div class="top">
<div class="l">
<ul>
<p><a href="/jiejue/">解决方案&服务</a></p>
</ul>
<ul>
<p>客户&案例 </p>
<li><a href="/wzjs/">网站建设</a></li>
<li><a href="/ppyy/">品牌运营</a></li>
<li><a href="/szyx/">数字营销</a></li>
<li><a href="/sjcd/">视觉设计</a></li>
<li><a href="/ggcm/">广告传媒</a></li>
<li><a href="/seoj/">搜索优化</a></li>
<li><a href="/eshop/">电商服务</a></li>
<li><a href="/zmtyx/">自媒体营销</a></li>
<li><a href="/video/">短视频营销</a></li>
<li><a href="/wechat/">微信营销</a></li>
</ul>
<ul>
<p>营销资讯 </p>
<li><a href="/gsxw/">公司新闻</a></li>
<li><a href="/hydt/">行业动态</a></li>
<li><a href="/ppyx/">品牌营销</a></li>
<li><a href="/zhxy/">整合营销</a></li>
<li><a href="/webyx/">网络营销</a></li>
<li><a href="/wltg/">网络推广</a></li>
<li><a href="/xxsd/">信息时代</a></li>
<li><a href="/jzzs/">建站知识</a></li>
<li><a href="/wzyy/">网站运营</a></li>
<li><a href="/dzsw/">电子商务</a></li>
</ul>
<ul>
<p>关于我们 </p>
<li><a href="/gsjj/">公司简介</a></li>
<li><a href="/qyln/">企业理念</a></li>
<li><a href="/qysl/">企业实力</a></li>
<li><a href="/cjwt/">常见问题</a></li>
</ul>
</div>
<div class="r">
<div>
<div>
</div>
<div>
<img src="http://www.eqbang.com/style/qrcode.png" >
<p>微信公众号</p>
</div>
</div>
</div>
</div>
<div class="download-app">
</div>
<div class="bottom">
<p>版权所有© 亿企邦 1997-2025 保留一切法律许可权利。 </p>
</div>
</div>
<script>
function check_news(obj) {
var location_pathname = window.location.pathname;
if (location_pathname.indexOf('news') != -1) {
$('body,html').animate({
scrollTop: 0
}, 10,function(){
window.location.href = $(obj).attr('href') + '';
});
}
}
</script><!--footer_content-->
</div>
<!-- bottom view --> <link rel="stylesheet" type="text/css" href="http://www.eqbang.com/style/ieRomptBar.css?v=20210527115"/>
<div class="ie-rompt-bar">
<div class="view">
<div class="l">
<i></i>
<span>为了最佳展示效果，本站不支持IE9及以下版本的浏览器，建议您使用谷歌Chrome浏览器。</span>
<a href="https://www.google.cn/chrome/" target="_blank" rel="nofollow">点击下载Chrome浏览器</a>
</div>
<div class="r close">
关闭
</div>
</div>
</div>
<div class="ie-mask"></div>
<script>
// 如果是IE浏览或者Edge浏览器 加class 更改字体
if(!!window.ActiveXObject || "ActiveXObject" in window || navigator.userAgent.indexOf("Edge") > -1){
$("body").addClass('ieFont')
}
$(".close").click(function () {
$(".ie-rompt-bar").slideUp();
$(".ie-mask").hide();
//document.cookie="isIehide=true";
})
//取得浏览器的userAgent字符串
var userAgent = navigator.userAgent;
//判断是否IE浏览器
var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1;
if (isIE) {
var reIE = new RegExp("MSIE (\d+\.\d+);");
reIE.test(userAgent);
var fIEVersion = parseFloat(RegExp["$1"]);
if (fIEVersion < 10) {
$(".ie-rompt-bar").show();
$(".ie-mask").show();
}
}
/*var isIehide = document.cookie;
if(isIehide.indexOf("isIehide=true") < 1){
}
//清除所有cookie函数
function clearAllCookie() {
var date=new Date();
date.setTime(date.getTime()-10000);
var keys=document.cookie.match(/[^ =;]+(?==)/g);
if (keys) {
for (var i = keys.length; i--;)
document.cookie=keys[i]+"=0; expire="+date.toGMTString()+"; path=/";
}
}
window.onbeforeunload = function()
{
console.log(1);
var n = window.event.screenX - window.screenLeft;
var b = n > document.documentElement.scrollWidth-20;
if(b && window.event.clientY < 0 || window.event.altKey)
{
clearAllCookie();
}
}*/
</script> <input type="text" hidden id="addData" value="">
<div class="address_box">
<div class="address_view">
<div class="con"></div>
<div class="box_close"></div>
</div>
</div>
<!-- top button -->
<!-- <div class="fiexd_Talk" id="onlineTalk">
<a href="javascript:;" class="fixed-consultation onlineTalk" id="link_a" data-title="fixed" data-page='66' rel="nofollow">
预约咨询
</a>
</div>
-->
<div class="top-button right-upBtn">
<img src="http://www.eqbang.com/style/up-button.svg" alt="" class="big-img">
<img src="http://www.eqbang.com/style/1280up-button.svg" alt="" class="small-img">
</div>
<!-- top button -->
<!-- mobile right -->
<div class="right-button">
<div class="box-button">
<a href="javascript:;" class="topShare message a"></a>
<a href="javascript:;" class="fixed-consultation onlineTalk online a" id="link_a" data-title="fixed" data-page='66' rel="nofollow"></a>
<a href="tel:18143453325" class="phone a"></a>
</div>
</div>
<script>
$(function(){
$.ajax({
type: 'GET',
// url: 'https://www.dongdao.net/api/work/is_work',
url:'/',
data:{"url":location.href},
dataType:'json',
success:function(res) {
var html = ''
window.is_work=res.is_work;
if(res.is_work==1){
html+='<a href="/swt/" target="_blank" class="onlineTalk consultation-a" data-title="fixed"><img src="https://websiteossbdycdn.dongdao.net/resources/web/img/fixed-consultation.svg" class="consultation-img" rel="nofollow"></a>'
}else if(res.is_work==0){
html+='<div class="fiexd_Talk" id="onlineTalk"><a href="javascript:;" class="fixed-consultation onlineTalk" id="link_a" data-title="fixed" data-page="66" rel="nofollow">预约咨询</a></div>'
}
if($('.connect-js-script-src').length==0){
var oHead = document.getElementsByTagName('head')[0]; // 在head标签中创建创建script
var oScript = document.createElement("script");
oScript.type = "text/javascript";
oScript.className="connect-js-script-src"
oScript.src = "http://www.eqbang.com/style/connect.js?v=20210527115";
oHead.appendChild(oScript);
}
$('.right-upBtn').before(html)
}
});
})
var meta = document.getElementsByTagName('meta');
var share_desc = '';
for(i in meta){
if(typeof meta[i].name!="undefined"&&meta[i].name.toLowerCase()=="description"){
share_desc = meta[i].content;
}
}
var shareData = {
title: document.title,//分享标题
desc: share_desc,//描述
link: location.href,//分享的url链接
icon: 'https://dongdao.net/resources/web/img/share300.jpg',
// 不要过于依赖以下两个回调，很多浏览器是不支持的
success: function() {
// alert('success')
},
fail: function() {
// alert('fail')
}
}
var nativeShare = new NativeShare()
nativeShare.setShareData(shareData)
$('body').on('click','.topShare',function(){
if(!isWeiXin()){
try {
nativeShare.call('default')
} catch (err) {
// 如果不支持，你可以在这里做降级处理
// alert(err.message)
// $("html,body").stop().animate({ "scrollTop": parseInt($("body").css("height")) }, 200);
alert('使用浏览器自带的分享功能，把好内容分享出去！')
}
}else{
alert('请使用微信自带的分享功能')
}
})
//判断是否微信登陆
function isWeiXin() {
var ua = window.navigator.userAgent.toLowerCase();
console.log(ua);//mozilla/5.0 (iphone; cpu iphone os 9_1 like mac os x) applewebkit/601.1.46 (khtml, like gecko)version/9.0 mobile/13b143 safari/601.1
if (ua.match(/MicroMessenger/i) == 'micromessenger') {
return true;
} else {
return false;
}
}
</script> <script type="text/javascript" src="http://www.eqbang.com/style/three.min.js?v=20210527115"></script><script type="text/javascript" src="http://www.eqbang.com/style/particleEffect.js?v=20210527115"></script><script type="text/javascript" src="http://www.eqbang.com/style/column.js?v=20210527115"></script>
<script src="http://www.eqbang.com/style/lazyload1.js?v=20210527115"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-162544060-1"></script>
<script>
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-162544060-1');
</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-GEN1K8L1CM"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag1(){dataLayer.push(arguments);}
gtag1('js', new Date());
gtag1('config', 'G-GEN1K8L1CM');
</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-388325401"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag2(){dataLayer.push(arguments);}
gtag2('js', new Date());
gtag2('config', 'AW-388325401');
function gtag_report_conversion(url) {
var callback = function () {
if (typeof(url) != 'undefined') {
window.location = url;
}
};
gtag2('event', 'conversion', {
'send_to': 'AW-388325401/K48jCN-f5YACEJnAlbkB',
'value': 200.0,
'currency': 'CNY',
'event_callback': callback
});
return false;
}
</script>
<script>
(function(b,a,e,h,f,c,g,s){b[h]=b[h]||function(){(b[h].c=b[h].c||[]).push(arguments)};
b[h].s=!!c;g=a.getElementsByTagName(e)[0];s=a.createElement(e);
s.src="//s.union.360.cn/"+f+".js";s.defer=!0;s.async=!0;g.parentNode.insertBefore(s,g)
})(window,document,"script","_qha",114647,false);
</script>
<!-- <script type="text/javascript" charset="utf-8" src="http://www.eqbang.com/style/bshare/buttonLite.js#style=-1&uuid=&pophcol=2&lang=zh"> -->
<!-- // </script><script type="text/javascript" charset="utf-8" src="https://static.bshare.cn/b/bshareC0.js"></script> -->
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</body>
</html>
在线咨询