連接標簽和img alt屬性的不同textContext

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}/$ ”）和第二個textContent元素連接起來span.MATH（“ d ”）和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 ？

提前致謝

Answer 1

您可以使用

img.alt

在stackoverflow上看到以下問題： 獲取超鏈接的ALT屬性的屬性值