javascript - 使用 querySelector 选择元素后无法更改元素的 html

Question

我正在尝试使用 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>';

小提琴

Answer 1

您不能再次定义变量，它是：

var d = document.querySelector('.test');

    d.innerHTML = '<p>works</p>';

Answer 2

去掉var前面的关键字d.innerHTML，它是属性，不是变量。编码：

var d = document.querySelector('.test');

d.innerHTML = '<p>works</p>';