dom基础3 骑猪看日落 2022-01-20 14:27 233阅读 0赞 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>DOM</title> </head> <body> <div id="d1" align="center" class="abv">Hello DOM</div><br> <script type="text/javascript"> var div1 = document.getElementById('d1');//获取元素节点 var as = div1.attributes;//获取旗下所有属性节点,返回数组 for(i = 0; i< as.length; i++){ document.write("<br>"); document.write(as[i].nodeName);//节点名称 document.write(" : "); document.write(as[i].nodeValue);//节点值 } document.write("<br>"); document.write("div的ID的属性值是:"+as["id"].nodeValue); var content = div1.childNodes[0];//获取旗下所有子节点,其中第一个子节点就是其内容 document.write("<br>"); document.write("div的内容节点的节点名是:"+content.nodeName); document.write("<br>"); document.write("div的内容节点的节点值是:"+content.nodeValue); </script> </body> </html>
相关 DOM基础 DOM查找 -------------------- JavaScript DOM基础 DOM是Document Object Model(文档对象模型)的缩写 Myth丶恋晨/ 2023年07月17日 14:02/ 0 赞/ 19 阅读
相关 dom基础8 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti 素颜马尾好姑娘i/ 2022年05月01日 12:12/ 0 赞/ 175 阅读
相关 dom基础4 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti 约定不等于承诺〃/ 2022年01月20日 14:47/ 0 赞/ 201 阅读
相关 dom基础3 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti 骑猪看日落/ 2022年01月20日 14:27/ 0 赞/ 234 阅读
相关 dom基础2 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti r囧r小猫/ 2022年01月20日 14:25/ 0 赞/ 208 阅读
相关 dom基础1 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti 矫情吗;*/ 2022年01月20日 14:05/ 0 赞/ 198 阅读
相关 dom基础7 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti 落日映苍穹つ/ 2022年01月19日 05:45/ 0 赞/ 181 阅读
相关 dom基础6 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti 梦里梦外;/ 2022年01月19日 02:15/ 0 赞/ 199 阅读
相关 dom基础5 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti 傷城~/ 2022年01月19日 01:11/ 0 赞/ 239 阅读
相关 JS--JavaScriptDOM基础及各版本特性(DOM1.0、DOM2.0、DOM3.0) DOM基础 DOM(Document Object Model,文档对象模型)是W3C制定的一套技术规范,用来描述JavaScript脚本怎样与HTML或XML文档进行交 不念不忘少年蓝@/ 2021年08月13日 11:35/ 0 赞/ 550 阅读
还没有评论,来说两句吧...