美文网首页
js相关的dom方法

js相关的dom方法

作者: 星星藏进黑夜 | 来源:发表于2024-03-28 12:38 被阅读0次

查找元素

//获取元素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的元素')
}

相关文章

网友评论

      本文标题:js相关的dom方法

      本文链接:https://www.haomeiwen.com/subject/zxcstjtx.html