当前位置:首页 > 科技动态 > 正文

js 如何查div中的文字

js 如何查div中的文字

在JavaScript中,要查找一个`div`元素中的文字,你可以使用几种不同的方法。以下是一些常见的方法: 1. 使用`innerHTML`属性`innerHTML`...

在JavaScript中,要查找一个`div`元素中的文字,你可以使用几种不同的方法。以下是一些常见的方法:

1. 使用`innerHTML`属性

`innerHTML`属性可以获取或设置一个元素的HTML内容。

```javascript

var div = document.getElementById('myDiv'); // 获取div元素

var text = div.innerHTML; // 获取div中的所有HTML内容

console.log(text); // 输出div中的HTML内容

```

2. 使用`textContent`属性

`textContent`属性可以获取或设置一个元素的文本内容,不包括HTML标签。

```javascript

var div = document.getElementById('myDiv'); // 获取div元素

var text = div.textContent; // 获取div中的文本内容

console.log(text); // 输出div中的文本内容

```

3. 使用`innerText`属性

`innerText`属性可以获取或设置一个元素的文本内容,与`textContent`类似,但`innerText`在IE中受支持。

```javascript

var div = document.getElementById('myDiv'); // 获取div元素

var text = div.innerText; // 获取div中的文本内容

console.log(text); // 输出div中的文本内容

```

4. 使用`children`属性和循环

如果你想要获取所有子元素中的文本,你可以使用`children`属性和循环。

```javascript

var div = document.getElementById('myDiv'); // 获取div元素

var text = '';

for (var i = 0; i < div.children.length; i++) {

text += div.children[i].textContent + ' '; // 添加每个子元素的文本内容

最新文章