JS:获取元素及操作元素

目录

1.获取DOM对象的     六    种方式

        2.设置或获取HTML内容

    3.设置或获取HTML属性

    4.设置或获取HTML样式

    5.element.className    设置或返回元素的class属性

    6.element.classList    返回元素的类名，作为 DOMTokenList 对象。

---

1.获取DOM对象的     六    种方式

        查找 HTML 元素
        
        document.getElementById();返回对拥有指定 id 的第一个对象的引用。
        document.querySelector();返回文档中匹配指定的CSS选择器的第一元素
        document.querySelectorAll();HTML5中引入的新方法，返回文档中匹配的CSS选择器的所有元素节点列表
        document.getElementsByTagName();返回带有指定标签名的对象集合。
        document.getElementsByClassName();返回文档中所有指定类名的元素集合，作为 NodeList 对象。
        document.getElementsByName();返回带有指定名称的对象集合。
    

    
    2.设置或获取HTML内容

    innerHTML:设置或获取位于对象起始和结束标签内的 HTML 
    innerText:设置或获取位于对象起始和结束标签内的文本 
    outerHTML:设置或获取对象及其内容的HTML形式 
    outerText:设置(包括标签)或获取(不包括标签)对象的文本 
    value:input,select,textarea,checkbox,radio内容的获取和设置

    3.设置或获取HTML属性

        obj.attr="新属性值";attr指属性名,如src;id;name,value,type,href,rel,type,alt,width,heigth等
        obj.属性名 = "新属性值";
        
        obj.