zoukankan      html  css  js  c++  java
  • HTML DOM知识点补充:

    DOM Console

    控制台对象提供了浏览器的debug的方法支持。

    常用的:console.log()。 ⚠️coffeescript中,这个方法不加括号。

    DOM Document

    当一个HTML document加载到浏览器上,它就成为了一个document object。

    它是root node

    提供了大量document object 方法支持和Properties:常用的:

    addEventListener() removeEventListener()
    body()         返回body元素
    createAttribute()  
    createElement()  
    createTextNode()  
    createEvent()  
    getElementById() querySelector()   
    getElementsByClassname() ⚠️返回的是nodelist    querySelectorAll()
    getElementsByTagName() ⚠️返回的是nodelist
    getElementsByName()   返回一个 nodelist包括所有这个name的元素。

    DOM Element Object

    元素对象也有大量方法和特性:

    addEventListener()    removeEventListener()  
    appendChild(),  removeChildren()  
    attributes  
    childNodes 返回所有子节点集合。 ⚠️children返回所有子元素集合  
    click()  
    firstChlid() lastChild()  
    getAttribute()  比如data-*系列, removeAttribute()  
    id  
    innerHTML, innerText  
    querySelector  
       
    scrollHeight() 返回一个元素的高度,包括padding。
    toString()  
       
       
       
       
       
       
       

    HTML DOM Events

    让javascript注册不同的event handlers,在HTml document的元素上。

    非常非常多。

    https://www.w3schools.com/jsref/dom_obj_event.asp

  • 相关阅读:
    SQL处理重复数据
    ASP.NET下载网站上的地图图片(精)
    js应用大全
    vs2003运行过程中出现的一些错误汇总
    Google卫片下载(转)
    JS获取网页中HTML元素的几种方法
    8位QQ大放送
    .net 读取Xml文件并进行DropDownList数据绑定
    C# Stream 和 byte[] 之间的转换
    【C#4.0】中的dynamic与var的区别
  • 原文地址:https://www.cnblogs.com/chentianwei/p/9343386.html
Copyright © 2011-2022 走看看