DOM_Document对象_获取Element方法和DOM_Document对象_创建DOM对象
DOM_Document对象_获取Element方法
核心DOM模型：
Document：文档对象
1.创建(获取)：在html dom模型中可以使用window对象来获取
1.window.document
2.document
2.方法：
1.获取Element对象：
1.getElementById() ：根据id属性值获取元素对象。id属性值一般唯一
2.getElementsByTagName()：根据元素名称获取元素对象们。返回值是一个数组
3.getElementsByClassName()：根据Class属性值获取元素对象们。返回值是一个数组
4.getElementsByName()：根据name属性值获取元素对象们。返回值是一个数组
2.创建其他DOM对象
3.属性
<body> <div id="div1">div1</div> <div id="div2">div2</div> <div id="div3">div3</div> <div class="cls1">div4</div> <div class="cls1">div5</div> <input type="text" name="username"> <script> //2.getElementsByTagName()：根据元素名称获取元素对象们。返回值是一个数组 var divs = document.getElementsByTagName("div"); //alert(divs.length); //5 // 3.getElementsByClassName()：根据Class属性值获取元素对象们。返回值是一个数组 var div_cls = document.getElementsByClassName("cls1"); //alert(div_cls); //2 // 4.getElementsByName()：根据name属性值获取元素对象们。返回值是一个数组 var ele_username = document.getElementsByName("username"); //alert(ele_username); //1 </script>
DOM_Document对象_创建DOM对象
创建其他DOM对象：
createAttribute(name)：创建拥有指定名称的属性节点，并返回新的 Attr 对象
createComment()：创建注释节点
createElement()：创建元素节点。
createTextNode() ：创建文本节点
//createElement
var table = document.createElement("table");
alert(table);
创建的是html的table对象
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix