DOM文档对象模型笔记

这篇博客介绍了DOM文档对象模型的基本操作,包括通过get方法和querySelector获取元素,设置元素的id、背景颜色和宽高。同时,文章还讨论了DOM动画的实现,通常使用定时器配合绝对定位来完成。此外,提到了DOM事件监听器和节点导航,以及DOM节点集合的使用。最后,文章触及了浏览器对象模型(BOM),展示了JavaScript如何与浏览器进行交互,如弹出框的使用。
摘要由CSDN通过智能技术生成

获取元素方法
第一种get方法获取元素,具体元素需要用不同类型的get方法
第二种querySelector方法,元素名称前要加定义符号

    var $div = document.getElementById("a")
    var $div = document.querySelector("#a")

获取id值

  console.log($div.id);

设置背景颜色和宽高

    $div.style.background = "red"
    $div.style.width = "50px"
    $div.style.height = "50px"
    // 设置字体大小
    $div.style.fontSize = "26px"
        // 获取所有div的属性
    console.log($div.attributes);
    // 获取height的值
    var height = $div.style.height
    console.log(height);
    //innerHtml 属性可用于获取或替换 HTML 元素的内容。
    $div.innerHTML = "明"

dom文档

document.createElement(element) 创建 HTML 元素
document.removeChild(element) 删除 HTML 元素
document.appendChild(element) 添加 HTML 元素
document.
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值