原生js中的相关操作

Bertha 。 2022-06-11 08:09 144阅读 0赞

1.  创建数组  
    var beatles = Array() = Array(‘1’, ‘2’) = \[‘1’, ‘2’\]
2.  创建对象  
    var person = Object(); person.name = “anran”; person.age=12;  
    var person = \{name = “anran”,age = 12\}  
    var person = \{\}; person.name = “anran”; person.age=12;
3.  通过id获取元素  
    document.getElementById(‘id’)
4.  通过标签获取元素  
    document.getElementsByTagName(‘a’)
5.  通过类名获取元素  
    document.getElementsByClassName(‘className’)
6.  设置元素的属性  
    element.setAttribute(‘name’,’value’)
7.  获取元素的属性  
    element.getAttribute(‘name’)
8.  获取元素下面的所有子元素  
    element.childNodes
9.  获取元素的属性 1:元素节点 2:属性节点 3:文本节点  
    element.nodeType
10. 获取文本节点中的值  
    element.nodeValue
11. 修改文本节点中的值  
    element.nodeValue = ‘value’
12. 获取元素下面第一个子元素  
    element.firstChild or element.childNodes\[0\]
13. 获取元素下面最后一个元素  
    element.lastChild or element.childNodes\[element.childNodes.length - 1\]
14. 获取当前元素同级的上一个元素  
    element.previousSibling
15. 获取当前元素同级的下一个元素  
    element.nextSibling
16. 获取当前元素的父元素  
    element.parentNode
17. 获取元素中的素有html文本  
    element.innerHTML
18. 修改元素中的html文本  
    element.innerHTML = ‘value’
19. js初始化方法  
    window.onload = function()\{\}
20. 鼠标悬停事件  
    onmouseover
21. 鼠标离开事件  
    onmouseout
22. 鼠标点击事件  
    onclick
23. 某函数经过一段时间后执行  
    setTimeout(‘function’, ‘time’)
24. 某函数隔一段时间执行  
    setInterval(‘function’, ‘time’)
25. 将对应的值转换为整数  
    parseInt(‘value’)
26. 获取随机数:小数  
    Math.random()
27. 向上取整  
    Math.ceil(‘value’)
28. 向下取整  
    Math.floor(‘value’)
29. 取整（四舍五入）  
    Math.round(‘value’)