更改选定元素的innerHTML

无论我们使用哪种方法来选择元素，我们都可以在选择元素后轻松更改innerHtml。

最好将元素存储在一个变量中，这样就不必重复选择元素；当使用变量来记住选择时，我们可以更轻松地对所选元素进行操作：

someElement.innerHtml = '<p>Hallo World</p>';

如果我们希望获得元素的 innerHTML：

let someElement = document.getElementById("unique_id");
let someHTML = someElement.innerHTML;
console.log(someHTML);
//You can also test this with alert() if you find it easier to use
//alert(someHTML);

getElementById 用于通过其唯一 ID 选择页面上的元素：

let someElement = document.getElementById("unique_id");

id 在 HTML 中必须是唯一的。

getElementById 返回其 id 属性设置为指定名称的元素。

我们还可以使用 querySelector 按 ID 选择元素：

let someElement = document.querySelector("#unique_id");