javascript DOM对象的学习实例代码【javascript】

web前端|js教程

javascript,DOM对象

web前端-js教程

利息计算器源码,怎么设置ubuntu语言,tomcat 进程优先级,爬虫发展怎样,php 如何面试技巧,江北区seo优化以客为尊lzw

<br /><title>DOM对象的学习</title> function searchNode(){ /*文本节点*/ /*元素节点*/ /*属性节点*/ var nodes=document.getElementsByTagName(“li”); alert(“节点数”+nodes.length+”第一个节点元素的名称”+nodes[0].tagName+”;第四个节点的第一个节点文本”+nodes[3].childNodes[0].nodeValue); var nodes2=document.getElementsByTagName(“ul”); var subnodes=nodes2[1].getElementsByTagName(“li”); alert(“节点数”+subnodes.length+”;第一个节点元素的名称”+subnodes[0].tagName+”;第一个节点元素的第一个节点文本”+subnodes[0].childNodes[0].nodeValue); var nodeID=document.getElementById(“liNode”); alert(“节点的名称”+nodeID.tagName+”;第一点节点的第一节点的文本”+nodeID.childNodes[0].nodeValue); //遍历元素 var ulNodes=document.getElementById(“ulNode”); var DOMString=””; if(ulNodes.hasChildNodes()){ var subULNodes=ulNodes.childNodes; for(var i=0;i<subULNodes.length;i++){ DOMString=DOMString+subULNodes[i].childNodes[0].nodeValue+"\n"; } } alert(DOMString); //节点属性 var imgTitle=document.getElementsByTagName("img")[0]; var titleString=imgTitle.getAttribute("title"); var altString=imgTitle.getAttribute("alt"); alert(titleString+"\n"+altString); var p=document.createElement("p"); var text=document.createTextNode("这是第二个节点"); p.appendChild(text); document.body.appendChild(p); //innerHTML的使用 var inner=document.getElementById("inner"); alert(inner.innerHTML); inner.innerHTML="<img src='images/album.jpg' alt="javascript DOM对象的学习实例代码【javascript】" title="javascript DOM对象的学习实例代码【javascript】" alt="javascript DOM对象的学习实例代码_javascript技巧" title="javascript DOM对象的学习实例代码_javascript技巧" />“; } <br /> <div class="khw">好看的登陆页源码,ubuntu使用主机串口,中间件tomcat发布,流量识别爬虫,php取数组位置,seo2和h2se反应lzw</div> <div class="khw">代理平台源码,Vscode没了,魅族 ubuntu手机,tomcat 读法,c 连不上sqlite,阿里云买服务器,支付宝能量插件,移动 前端 框架 表格,爬虫 自动翻页,php技术难点,seo信息优化,非模板网站,网页源码怎么下载,连锁酒店网站模板,asp 404页面 代码,php简易文章管理系统,vb画图程序代码lzw</div>java<br />javascript<br />CSS </p><p>ajax<br />c#<br />c++ </p><p><img decoding="async" src="https://liuzhongwei2023.oss-cn-shanghai.aliyuncs.com/uploads/2023/http://www.liuzhongwei.com/images/logo.jpg" alt="javascript DOM对象的学习实例代码【javascript】" title="javascript DOM对象的学习实例代码【javascript】" alt="javascript DOM对象的学习实例代码_javascript技巧" title="javascript DOM对象的学习实例代码_javascript技巧" /> </p><p>这是第一个节点</p><div id="inner"><p>innerHTML的使用</p></pre><br />

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

DOM对象