js/jq 获取属性

282 阅读1分钟

js

一、获取元素

document.getElementById("id")
document.getElementsByName("name")
document.getElementsByTagName("div")
document.getElementsByclassName("class")
querySelector()
querySelectAll("div/.class/#id选择器")IE8以上
document.documentElement
document.body

1、前三个兼容IE6-IE8

2、querySelectAll返回一个数组

二、获取元素属性

1、
    getAttribute("属性")
    setAttribute("属性",“属性值”)
2、增加或删除class
    classList.add("class")
    classList.remove("class")

三、获取元素style属性

1getAttribute("style")
    setAttribute("style","styleValue")
2、
    style.style属性=“属性值”(遇到—-时首字母大写)
3、
    style.cssText="style属性:属性值"

jquery

一、获取元素

$('div/.class/#id')
$('html')
$('body')

二、获取元素属性

1attr("属性")
    attr("属性",“属性值”)
2、增加或删除class
    addClass("class","class名")
    remove("class")

三、获取元素style属性

css("style属性值")
css("style属性",“属性值”)