使用querySelector选择元素后，不能更改元素的html

Can't alter element's html after selecting it with querySelector

本文关键字：元素 html 不能 querySelector 选择 使用      更新时间：2023-09-26

我正在尝试使用querySelector更改div中的html，但它不起作用。

HTML: 

<div class="test">
    <p>par1</p>
    <p>par2</p>
    <p>par3</p>
</div>

JS: 

var d = document.querySelector('.test');
var d.innerHTML = '<p>works</p>';

小提琴

你不能再定义变量了，它是:

var d = document.querySelector('.test');
    d.innerHTML = '<p>works</p>';

在d.innerHTML之前删除var关键字，它是一个属性，而不是变量。代码:

var d = document.querySelector('.test');
d.innerHTML = '<p>works</p>';
相关文章：