js相关的dom方法

72 阅读1分钟

查找元素

//获取元素id为box的元素
document.getElementById('box')
//获取元素类名为box的元素
document.getElementsByClassName('box')
//获取标签名为div的元素
document.getElementsByTagName('div')

改变元素

//设置id为box的元素内容
document.getElementById("box").innerHTML = '222222'

创建元素

//创建一个div元素
var domDiv = document.createElement('div')

//给元素设置行内属性(属性名: total,属性值: 100)
domDiv.setAttribute('total', '100')

//并插入到id为box的元素中
document.getElementById('box').appendChild(domDiv)

添加事件

//给id为box的元素添加点击事件
document.getElementById('box').onclick = function(){
    console.log('点击id为box的元素')
}