javascript - 连接标签的不同 textContext 和 img alt 属性

Question

我尝试用 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 的第二个 textContent 元素 ("d") 和 img 标签的第二个 alt 属性 ("$\,s $").

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

[].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 标签 时自动提取 img 标签 之前的字母“d”？

提前致谢

Answer 1

你可以使用

img.alt

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