DOM 文档对象模型

DOM 文档对象模型

• 和页面相关内容
• 通过元素的id获取元素对象
• let 元素对象 = document.getElementById(“元素id”);
• 通过CSS中接触到的选择器获取元素对象
• let 元素对象 = document.querySelector(“选择器”);
• 获取和修改元素的文本内容
• 元素对象.innerText; //获取
• 元素对象.innerText=“xxx”; //修改
• 获取和修改表单中的控件的值
• 控件.value //获取
• 控件.value=“xxx” //修改
• 创建元素对象
• let 元素对象 = document.createElement(“标签名”);
• 添加元素对象
• document.body.appendChild(元素对象);
• 给元素的属性赋值
• 元素对象.src = “…/b.jpg”;
• 元素对象.属性=“值”;