如何将指定p标签的全部内容赋值到其title属性中

解决方案 #

不需要手动复制，有多种自动化实现方式，按常用场景分类如下：

浏览器端已渲染页面修改 #

如果是要修改已经加载到浏览器里的页面元素，直接打开F12控制台执行以下代码即可：

// 可根据实际情况调整元素选择器，比如按id、class筛选
const targetP = document.querySelector('p[title="..."]');
// 内容含双引号时先做转义，避免属性语法错误
const escapedContent = targetP.innerText.replaceAll('"', '"');
targetP.setAttribute('title', escapedContent);

执行完成后右键元素选择「复制outerHTML」就能拿到修改后的完整代码。

本地源码批量修改 #

如果是要修改本地存储的源码文件，用任意支持正则替换的编辑器（VS Code、Sublime Text等）都可以操作：

• 查找规则（开启正则模式）：<p title=".*?">(.*?)</p>
• 替换规则：<p title="$1">$1</p>
  如果p标签内容包含换行，需要额外开启正则的「点匹配换行」选项，支持单文件批量替换、多文件全局替换。

动态生成场景预处理 #

如果这段p标签是代码动态生成的，直接在生成逻辑里把内容同时赋值给属性和标签体即可，避免重复编写内容，后续维护也只需要修改一处：

// 以Node.js为例，其他语言逻辑通用
const pContent = "Inner information.Inner information.Inner information.Inner information.Inner information.Inner information.Inner information.Inner information.Inner information.";
const finalPTag = `<p title="${pContent.replaceAll('"', '&quot;')}">${pContent}</p>`;

内容的提问来源于stack exchange，提问作者AntonHPL