html em标签怎么获取

HTML em标签怎么获取

在HTML中，em标签用于表示文本的强调，我们需要获取一个元素中的em标签内容，以便进行后续处理，本文将介绍两种方法来获取HTML中的em标签内容：使用JavaScript和使用jQuery。

1、使用JavaScript

方法一：通过DOM操作获取em标签内容

// 获取页面中所有的em标签
var emTags = document.getElementsByTagName("em");
// 遍历em标签并输出内容
for (var i = 0; i < emTags.length; i++) {
  console.log(emTags[i].innerHTML);
}

方法二：通过正则表达式匹配em标签内容

// 定义一个正则表达式，用于匹配em标签内容
var emRegex = /<em>(.*?)<\/em>/g;
// 使用正则表达式匹配页面中的所有em标签内容
var match;
while ((match = emRegex.exec(document.body.innerHTML)) !== null) {
  console.log(match[1]);
}

2、使用jQuery

方法一：通过DOM操作获取em标签内容

// 获取页面中所有的em标签
var emTags = $("em");
// 遍历em标签并输出内容
$.each(emTags, function(index, element) {
  console.log($(element).html());
});

方法二：通过jQuery选择器匹配em标签内容

// 使用jQuery选择器匹配页面中的所有em标签内容
var emTags = $("em");
$.each(emTags, function(index, element) {
  console.log($(element).text());
});

相关问题与解答

1、如何替换HTML中的em标签内容？

可以使用JavaScript或jQuery结合字符串替换方法来替换HTML中的em标签内容，使用JavaScript的replace()方法：

// 获取页面中所有的em标签内容
var emTags = document.getElementsByTagName("em");
var content = ""; // 存储新的强调内容
for (var i = 0; i < emTags.length; i++) {
  content += emTags[i].innerHTML; // 将原有内容添加到新的内容中
}
content = content.replace(/<em>(.*?)<\/em>/g, "新的强调内容"); // 替换原有的强调内容为新的强调内容
document.body.innerHTML = content; // 将替换后的内容设置为页面主体内容