个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
24
4
我在字符串中有这个 html，我想修改 src 标签，以便保留值但在属性末尾附加一个字符串
修改前的HTML
<html>
<head>
<title>LDRA Testbed Results</title>
</head>
<script>
var AddTxt = true;
var TBpublish = true;
</script>
<frameset cols="206,*" marginwidth="0" marginheight="0"
FRAMEBORDER="no" BORDERCOLOR="#DEDEEF">
<frame src="./App_xyz_P_tbresults/App_xyz_P.lfm.htm" name="lFrame" NORESIZE>
<frame src="htm_idx/frontpage.htm" name="rFrame" FRAMEBORDER="no">
</frameset>
</html>
修改后的HTML
<html>
<head>
<title>LDRA Testbed Results</title>
</head>
<script>
var AddTxt = true;
var TBpublish = true;
</script>
<frameset cols="206,*" marginwidth="0" marginheight="0" FRAMEBORDER="no" BORDERCOLOR="#DEDEEF">
<frame src="./App_xyz_P_tbresults/App_xyz_P.lfm.htm:A:1" name="lFrame" NORESIZE>
<frame src="htm_idx/frontpage.htm:A:1" name="rFrame" FRAMEBORDER="no">
</frameset>
</html>
如何在 Node.js 中做到这一点
当前代码这就是我目前使用解析器解析 html 代码的方式
var html = chunk.toString();
var temp = html;
html = parse(html);
var modifiedHTML = [];
var elementsTag = [
"<a ",
"<area ",
"<base ",
"<body ",
"<frame ",
"<iframe ",
"<img ",
"<input ",
"<link ",
"<script ",
"<audio ",
"<embed ",
"<source ",
"<track ",
"<video "
];
var elements = [
"a",
"area",
"base",
"body",
"frame",
"iframe",
"img",
"input",
"link",
"script",
"audio",
"embed",
"source",
"track",
"video"
];
for (var i = 0; i < elementsTag.length; i++) {
var count = (temp.match(new RegExp(elementsTag[i], "g")) || []).length;
for (var j = 0; j < count; j++) {
var elementAttr = html.querySelector(elements[i]);
if (elementAttr != null) {
// console.log(elementAttr);
if (Object.keys(elementAttr.attributes).length > 0) {
Object.keys(elementAttr.attributes).forEach(attribute => {
if (attribute == "src" || attribute == "href") {
var attributeVal = elementAttr.attributes[attribute];
// console.log(attributeVal[j]);
attributeVal = attributeVal + `:${project_name}:${type}`;
elementAttr.setAttribute(attribute, attributeVal);
}
});
}
modifiedHTML.push(elementAttr.outerHTML);
}
}
}
console.log(modifiedHTML);
输出:
[
[0] '<frame src="./App_xyz_P_tbresults/App_xyz_P.lfm.htm:TEST:static_analysis_report1:TEST:static_analysis_report1" name="lFrame" NORESIZE></frame>',
[0] '<frame src="./App_xyz_P_tbresults/App_xyz_P.lfm.htm:TEST:static_analysis_report1:TEST:static_analysis_report1:TEST:static_analysis_report1" name="lFrame" NORESIZE></frame>'
[0] ]
最佳答案
在 JavaScript 中解析 HTML 并不是一项简单的任务。我没有检查您的尝试，但您确实应该使用现有的 HTML 解析器，而不是自己做。
您可以使用例如 jsdom实现你想要的:
const jsdom = require("jsdom");
const { JSDOM } = jsdom;
let html = `<html>
<head>
<title>LDRA Testbed Results</title>
</head>
<script>
var AddTxt = true;
var TBpublish = true;
</script>
<frameset cols="206,*" marginwidth="0" marginheight="0"
FRAMEBORDER="no" BORDERCOLOR="#DEDEEF">
<frame src="./App_xyz_P_tbresults/App_xyz_P.lfm.htm" name="lFrame" NORESIZE>
<frame src="htm_idx/frontpage.htm" name="rFrame" FRAMEBORDER="no">
</frameset>
</html>`;
const dom = new JSDOM(html);
let frameset_children = dom.window.document.body.children;
for (let i = 0; i < frameset_children.length; i++) {
let frame = frameset_children[i];
frame.src = frame.src + ':A:1';
}
console.log(dom.serialize())
关于javascript - 如何在html字符串中的src属性末尾附加一个值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/60203828/
24
4
0
如何使用 SPListCollection.Add(String, String, String, String, Int32, String, SPListTemplate.QuickLaunchO
我刚刚开始使用 C++ 并且对 C# 有一些经验，所以我有一些一般的编程经验。然而，似乎我马上就被击落了。我试过在谷歌上寻找，以免浪费任何人的时间，但没有结果。 int main(int argc,
这个问题已经有答案了: In Java 8 how do I transform a Map to another Map using a lambda? (8 个回答) Convert a Map>
我正在使用 node + typescript 和集成的 swagger 进行 API 调用。我 Swagger 提出以下要求 http://localhost:3033/employees/sear
我是 C++ 容器模板的新手。我收集了一些记录。每条记录都有一个唯一的名称，以及一个字段/值对列表。将按名称访问记录。字段/值对的顺序很重要。因此我设计如下: typedef string
我需要这两种方法，但j2me没有，我找到了一个replaceall();但这是 replaceall(string,string,string); 第二个方法是SringBuffer但在j2me中它没
If string is an alias of String in the .net framework为什么会发生这种情况，我应该如何解释它: type JustAString = string
我有两个列表(或字符串):一个大，另一个小。 我想检查较大的(A)是否包含小的(B)。 我的期望如下: 案例 1. B 是 A 的子集 A = [1,2,3] B = [1,2] contains(A
我有一个似乎无法解决的小问题。 这里...我有一个像这样创建的输入... var input = $(''); 如果我这样做......一切都很好 $(this).append(input); 如果我
我有以下代码片段 string[] lines = objects.Split(new string[] { "\r\n", "\n" }, StringSplitOptions.No
这可能真的很简单，但我已经坚持了一段时间了。 我正在尝试输出一个字符串，然后输出一个带有两位小数的 double ，后跟另一个字符串，这是我的代码。 System.out.printf("成本:%.2
以下是 Cloud Firestore 列表查询中的示例之一 citiesRef.where("state", ">=", "CA").where("state", "= 字符串，我们在Stack O
我正在尝试检查一个字符串是否包含在另一个字符串中。后面的代码非常简单。我怎样才能在 jquery 中做到这一点？ function deleteRow(locName, locID) { if
这个问题在这里已经有了答案: How to implement big int in C++ (14 个答案) 关闭 9 年前。 我有 2 个字符串，都只包含数字。这些数字大于 uint64_t 的
我有一个带有自定义转换器的 Dozer 映射: com.xyz.Customer com.xyz.CustomerDAO customerName
这个问题在这里已经有了答案: How do I compare strings in Java? (23 个回答) 关闭 6 年前。 我想了解字符串池的工作原理以及一个字符串等于另一个字符串的规则是
我已阅读 this问题和其他一些问题。但它们与我的问题有些无关 对于 UILabel 如果你不指定 ? 或 ! 你会得到这样的错误: @IBOutlet property has non-option
这两种方法中哪一种在理论上更快，为什么？ (指向字符串的指针必须是常量。) destination[count] 和 *destination++ 之间的确切区别是什么？ destination[co
This question already has answers here: Closed 11 years ago. Possible Duplicates: Is String.Format a
我有一个Stream一个文件的，现在我想将相同的单词组合成 Map这很重要，这个词在 Stream 中出现的频率. 我知道我必须使用 collect(Collectors.groupingBy(..)
我是一名优秀的程序员,十分优秀！