原生js中的相关操作

来源:互联网 发布:联合智业怎么样知乎 编辑:程序博客网 时间:2024/06/05 00:54
  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’)

原创粉丝点击