连接标记和img alt属性的不同textContext

时间:2015-02-23 19:29:42

标签: javascript jquery html css

我尝试使用DOM javascript解析HTML;这是输入:

<span class="MATH">d<img width="34" height="39" align="MIDDLE" border="0" src="img1915.gif" alt="$ \,y^{k}/$">d<img width="16" height="17" align="BOTTOM" border="0" src="img     1893.gif" alt="$ \,s$"></span>

我想在以下输出中对其进行转换:

<span class="MATH">d$ \,y^{k}/$d$\,s$</span>

尽可能地,我必须将span.MATH(“d”)的第一个textContent元素与img标记的第一个alt属性(“$\,y^{k}/$”)连接起来,并且第二个span.MATH(“d”)的textContent元素和img标记的第二个alt属性(“$\,s$”)。

我想做以下事情,即使用主循环选择所有span.MATH和所有子img tags的内循环:

[].forEach.call(document.querySelectorAll('span.MATH'),function(span) {
                                      [].forEach.call(span.querySelectorAll('img'),function(img) {                       
 I am looking for a method to set automatically : span.innerHTML = "d";
                            var alt_text = img.getAttribute('alt');
                            span.innerHTML = span.innerHTML+alt_text;
            });

如果img tag出现d之前的字母“img tag”,如何自动提取?{/ 1>

提前致谢

1 个答案:

答案 0 :(得分:-1)

您可以使用

img.alt

在stackoverflow上查看此问题:Get an attributes value of the ALT attribute of a hyperlink