Question

我正在尝试从电子邮件内容中的html解析cid值以下载它们并在以后替换：

<body style=
"background-image: url(cid:1A41BAD0-28D1-4EAA-AD4A-4E867FEC28E4/bg_pattern.jpg); margin: 0px; padding: 0px; word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; background-position: 50% 0px; background-repeat: initial initial;"
class="">
<div style=
"background-image: url(cid:1A41BAD0-28D1-4EAA-AD4A-4E867FEC28E4/bg_pattern.jpg); background-position: 50% 0px; background-repeat: initial initial;"
class="">

在原始的javascript代码中，他们解析了img标签，但我不知道如何修改它来解析另一个标签。 https://github.com/MailCore/mailcore2/wiki/Embedding-images-in-HTML-rendered-message

你能告诉我一些技巧吗？

Answer 1

＆＃13;

var div = document.getElementsByTagName("div")[0];
var style = div.getAttribute("style");
var cid = style.substring(style.indexOf("cid:")+4, style.indexOf(")"));
alert(cid);

＆＃13;

<body style=
"background-image: url(cid:1A41BAD0-28D1-4EAA-AD4A-4E867FEC28E4/bg_pattern.jpg); margin: 0px; padding: 0px; word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; background-position: 50% 0px; background-repeat: initial initial;"
class="">
<div style=
"background-image: url(cid:1A41BAD0-28D1-4EAA-AD4A-4E867FEC28E4/bg_pattern.jpg); background-position: 50% 0px; background-repeat: initial initial;"
class="">

＆＃13;

使用getAttribute并进行一些字符串解析..

Answer 2

希望这会对你有所帮助

var x = document.querySelectorAll("*[style]");
x.forEach(function(tag, index) {
    var style = tag.getAttribute("style");
    var array = style.split('background-image: url(cid:')
    if(array.length && array[1]) { 
    // here you will get cid
       var cid = array[1].split(');')[0]
    }
})

如何解析HTML标签BODY或Div的cid值？

2 个答案: