Fro*_*per 5 html javascript variable-assignment
我有一个HTML字符串,在我的例子中名为tinymceToHTML,我遇到的问题是,当我下载这个html字符串时,图像源或hrefs设置错误.
在原来的字符串:"ID /文件/",如果我把它转换成一个DOM对象和输出它看起来像源我的图像源看起来像" HTTP://本地主机:3000 /文件:ID ",这是需要的输出,因为那时外部文件可以加载这个文件.所以我提出了这个解决方案.
var div = document.createElement('div');
div.innerHTML = tinymceToHTML;
var images = div.getElementsByTagName('img');
for(var i = 0; i < images.length; i++) {
images[i].src = images[i].src;
}
var a = div.getElementsByTagName('a');
for(var i = 0; i < a.length; i++) {
a[i].href = a[i].href;
}
tinymceToHTML = "<html><head></head><body>" + div.innerHTML +
"</body></html>";我的问题是,我不知道为什么将变量赋给自身在这种情况下有所不同:images [i] .src = images [i] .src或a [i] .href = a [i] .href.
如果我让程序向我显示带有警报框的输出,它会告诉我我想要的URL,但如果没有这个分配,程序就不会做它应该做的事情.
我希望任何人都可以向我解释这种效果,以便更改代码,以便更清楚地说明这一行是必需的.
我还创建了一个小提琴示例,可以更容易地显示我的意思,注释掉分配的行,以查看其他结果
根据定义，图像的完整 URL 正是 imageElement.src 返回的内容。来自MDN：
HTMLImageElement.src是反映 src HTML 属性的 DOMString，包含图像的完整 URL（包括基本 URI）。
如果这就是您需要它们在最终字符串中出现的方式，那么images[i].src = images[i].src似乎是一种合理而简洁的方法。我只是添加一条评论来帮助理解，比如
images[i].src = images[i].src; // force the src to be the full URI