js如何写html中的内容,javascript怎样获取某个标签的内容？

在我们平时的JS编程中，经常要获取标签的内容对其进行操作，有很多细节的东西容易被我们忽略，下面让我们来看一下JavaScript如何获取标签中的内容。

HTML结构如下：

Title

这有个 第一个p

这有个第二个p

这是个

span

这有个a标签

JavaScript获取某标签的内容的方法：

方法一、innerHTML

此方法可获取标签中的所有的内容，包括标签、空格、文本、换行等。

JavaScript代码如下：

var box = document.getElementById('box');

// 获取标签的内容

var box1 = box.innerHTML;

console.log(box1);

效果如下：

如果想要清空标签的内容，innerHTML = ""；即可

如果想要设置标签中的内容，innerHTML = "填写想要设置的标签和内容"；设置内容时，会把原有的内容全部覆盖。

方法二、innerText

此方法获取标签中的文本，不会获取标签(或者说可以过滤掉所有的标签)。如果有多个空格或者是换行，解析为一个空格。

JS代码和效果图如下：

var box = document.getElementById('box'); var box2 = box.innerText;

console.log(box2);

效果如下：

如果想要清空标签的内容，innerText = ""；即可

如果想要设置标签中的内容，innerText = "填写想要设置的标签和内容"；设置内容时，会把原有的内容全部覆盖。但是标签不会被解析，会直接以文本的形式打印在页面中。