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

我嘗試用DOM解析HTML;這裏的輸入：連接不同的標籤和img alt屬性的textContext

<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第一的textContent元素（「d」）與IMG標籤的第一alt屬性（「 $\,y^{k}/$ ‘），並與span.MATH的第二的textContent元件（’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之前？

在此先感謝

來源

2015-02-23 youpilat13

-1

您可以使用

img.alt

看到這個問題在計算器：Get an attributes value of the ALT attribute of a hyperlink

來源

2015-02-23 19:53:35

你不明白我的問題。我想將每個出現之前的文本存儲到span.MATH中。 – youpilat13 2015-02-23 20:02:12

你可以在jsfiddle中插入你的代碼嗎？這將幫助我嘗試解決您的問題 – 2015-02-23 20:06:34

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

回答

相關問題