使用JavaScript获得标签的内容，可以通过多种方法来实现：使用innerHTML、textContent、value属性、查询方法如getElementById、getElementsByClassName、querySelector、querySelectorAll等。 其中，最常用的方法是使用innerHTML和textContent。innerHTML允许你获取或设置标签内的HTML内容，而textContent则获取或设置标签内的文本内容。
一、使用innerHTML和textContent
innerHTML和textContent是两个主要的属性，用于获取或设置HTML元素的内容。
1、innerHTML
innerHTML允许你获取或设置某个元素的HTML内容。它不仅能获取纯文本，还能获取嵌套的HTML标签。
let element = document.getElementById('myElement');
let content = element.innerHTML;
console.log(content);
上面的代码将获取ID为myElement的元素的所有HTML内容并输出到控制台。
2、textContent
textContent只获取或设置元素的纯文本内容，不包括任何HTML标签。
let element = document.getElementById('myElement');
let content = element.textContent;
console.log(content);
这将获取ID为myElement的元素的纯文本内容并输出到控制台。
二、使用查询方法获取标签
1、getElementById
getElementById用于通过元素的ID获取单个元素。
let element = document.getElementById('myElement');
2、getElementsByClassName
getElementsByClassName用于通过类名获取一组元素，返回的是一个HTMLCollection。
let elements = document.getElementsByClassName('myClass');
3、querySelector
querySelector用于获取匹配指定CSS选择器的第一个元素。
let element = document.querySelector('.myClass');
4、querySelectorAll
querySelectorAll用于获取匹配指定CSS选择器的所有元素，返回的是一个NodeList。
let elements = document.querySelectorAll('.myClass');
三、结合使用
1、获取并设置内容
你可以结合上述方法来获取某个元素的内容，然后对其进行修改。例如：
let element = document.getElementById('myElement');
let content = element.innerHTML;
element.innerHTML = content + ' - Updated';
2、处理表单元素
对于表单元素，如或