---

event.value

设置值，与下列三个方法有所不同。

---

// 设置值
document.querySelector('#ids').value = 'null';// 获取值
console.log(document.querySelector('#ids').value);

---

textContent

w3school

textContent属性设置或返回指定节点的文本内容，以及它的所有后代。
如果您设置了textContent属性，会删除所有子节点，并被替换为包含给定字符串的一个单独的文本节点。
有时，此属性可用于取代nodeValue属性，但是请记住此属性同时会返回所有子节点的文本。

---

MDN

Node接口的textContent属性表示一个节点及其后代的文本内容。
textContent和HTMLElement.innerText容易混淆，但这两个属性在重要方面有不同之处 。

---

// 设置值
document.querySelector('#ids').textContent = 'null';// 获取值
console.log(document.querySelector('#ids').textContent);

---

innerText

w3school

innerText属性设置或返回元素的文本内容。
设置innerText属性时，所有子节点都将被删除并仅由一个新文本节点替换。

---

MDN

HTMLElement接口的innerText属性表示一个节点及其后代所渲染文本的内容。
作为一个getter，它近似于用户用光标突出该元素的内容，然后将其复制到剪贴板上所得到的文本。作为一个setter，这将用给定的值替换该元素的子元素，并将任何换行符转换为<br>元素。
innerText很容易与Node.textContent混淆，但这两个属性间实际上有很重要的区别。大体来说，innerText知道文本的渲染外观，而textContent不知道。

---

// 设置值
document.querySelector('#ids').innerText = 'null';// 获取值
console.log(document.querySelector('#ids').innerText);

---

innerHTML

w3school

innerHTML属性设置或返回元素的HTML内容(内部HTML)。

---

MDN

Element.innerHTML属性设置或获取HTML语法表示的元素的后代。
如果一个<div>，<span>或<noembed>节点有一个文本子节点，该节点包含字符&，<，或>，innerHTML将这些字符分别返回为&，<和>。使用Node.textContent可获取一个这些文本节点内容的正确副本。
如果要向一个元素中插入一段HTML，而不是替换它的内容，那么请使用insertAdjacentHTML方法。

---

// 设置值
document.querySelector('#ids').innerHTML = 'null';// 获取值
console.log(document.querySelector('#ids').innerHTML);