操作元素

# 操作元素

# 3.1 改变元素内容

innerHTML、innerText(去除空格、换行)

let btn = document.querySelector('button')
let div = document.querySelector('div')
btn.onclick = function () {
  div.innerHTML = 'hello'
  div.innerText = '<p>hello</p>>'
}

1
2
3
4
5
6

# 3.2 常用元素的属性操作

// src
let btn1 = document.getElementById('btn1')
let btn2 = document.getElementById('btn2')
let img = document.querySelector('img')
btn1.onclick = function () {
    img.src = 'img/1.jpg'
    img.title = '图片1'
}
btn2.onclick = function () {
    img.src = 'img/2.jpg'
    img.title = '图片2'
}

1
2
3
4
5
6
7
8
9
10
11
12

上次更新: 2024/08/14, 04:14:33

← 事件基础节点操作→